①安装qrcodejs2
npm install qrcodejs2 --save
②在页面中引入
import QRCode from "qrcodejs2"
③在html中设置div,用来存放生成的二维码。
<div id="qrcode"></div>
④js生成微信二维码
qrcode(){
let url = location.href;
console.log('生成微信二维码', url)
let qrcode = new QRCode('qrcode', { // eslint-disable-line no-unused-vars
width: 124,
height: 124,
text: url, // 二维码内容
background: '#fff', // 背景色
foreground: '#ff0', // 前景色
correctLevel : QRCode.CorrectLevel.H // 容错率 L M Q H
})
},
清除二维码
document.getElementById("qrcode").innerHTML = "";