vue生成二維碼插件qrcodejs2

1.頁面

<div id="qrCode" ref="qrCodeDiv"></div>

2.導入插件

import QRCode from 'qrcodejs2'

3.使用生成: 注意 定時器得要，避免dom未生成報錯

document.getElementById("qrCode").innerHTML = "";
setTimeout(() => {
new QRCode(this.$refs.qrCodeDiv, {
text: 'http://wxshop.carmanclub.com.cn/web/drawPrize/index.html?key_code=' + 123456789,
width: 200,
height: 200,
colorDark: "#333333", //二維碼顏色
colorLight: "#ffffff", //二維碼背景色
correctLevel: QRCode.CorrectLevel.L//容錯率，L/M/H
})
}, 100)