vue中使用qrcodejs2 生成二维码
1.安装:npm install qrcodejs2
2.导入:import QRCode from "qrcodejs2";
3.html:<div id="qrCode" ref="qrCodeDiv"></div>
4.js: 封装为一个函数,在需要的地方调用
//生成电子巡更app二维码
creatQrCode() {
var qrcode = new QRCode(this.$refs.qrCodeDiv, {
text: "https://baidu.com", // 需要转换为二维码的内容
width: 80,
height: 80,
colorDark: "#000000", //二维码颜色
colorLight: "#ffffff", //二维码背景色
correctLevel: QRCode.CorrectLevel.H, //容错率,L/M/H
});
},
网友评论