下载依赖
npm i qrcodejs2 -S
页面引用
import QRCode2 from 'qrcodejs2'
使用例子
...
<div id="qrcodeDiv"></div>
...
...
data(){
QRText:'www.baidu.com'
},
...
mounted(){
this.getQRcode()
} ,
methods:{
getQRcode(){
let qrcodeDiv = document.getElementById("qrcodeDiv");
document.getElementById("qrcodeDiv").innerHTML = "";
const qrcode = new QRCode(qrcodeDiv, {
text: QRText,
width: 120,
height: 120,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H,
});
}
}
bug修复
生成多张二维码问题
document.getElementById("qrcodeDiv").innerHTML = "";