下载包
npm i qrcodejs2
引入包
import QRCode from ‘qrcodejs2’
在method中加入
<div id= "qrcode"></div>
这里的url为传入的内容
qrCode (url) {
console.log("test width")
let qrcode = new QRCode('qrcode', {
width: 320, //图像宽度
height: 320, //图像高度
colorDark : "#000000", //前景色
colorLight : "#ffffff", //背景色
typeNumber:4,
correctLevel : QRCode.CorrectLevel.H //容错级别 容错级别有:(1)QRCode.CorrectLevel.L (2)QRCode.CorrectLevel.M (3)QRCode.CorrectLevel.Q (4)QRCode.CorrectLevel.H
})
// qrcode.clear() //清除二维码
qrcode.makeCode(url) //生成另一个新的二维码
}
需要指出二维码的清除
document.getElementById("qrcode").innerHTML="";
原有的qrcode.clear()会失效