关于vue,uniapp,小程序生成普通二维码
vue和uniapp
import QRCode from "qrcodejs2"(直接npm)
<div ref="qrcodeDom" class="qrClass"></div>
MakeQrcode(orderNo) {
const host = "https://51ishare.oss-cn-hangzhou.aliyuncs.com"
new QRCode(this.$refs.qrcodeDom, {
text: host + '?' + 'orderNo' + '=' + orderNo,
width: 128,
height: 128,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H,
});
}
微信小程序
import QRCode from "../../utils/weapp.qrcode.min"(直接去码云上拉去,使用dist文件下的js文件)
MakeQrcode(orderNo) {
const host = "https://51ishare.oss-cn-hangzhou.aliyuncs.com"
const query = wx.createSelectorQuery()
query.select('#qrcode')
.fields({
node: true,
size: true
})
.exec((res) => {
var canvas = res[0].node
QRCode({
canvas: canvas,
canvasId: 'qrcode',
text: host + '?' + 'orderNo' + '=' + orderNo,
})
})
},