首先安装qrcodejs2插件:cnpm install qrcodejs2 --save
养成习惯使用cnpm下载可以节省很多时间
引入页面:import QRCode from 'qrcodejs2
页面标签<div id="qrcode" ref="qrcode"></div>
可以使用id 或者ref,建议使用ref,因为使用vue框架控制虚拟Dom才是正确的选择简单方便，关于虚拟Dom的文章会尽快总结出来。
methods：
creatQrCode() {
this.$refs.qrcode.innerHTML = ''; //清除二维码方法一
let text = 'xxxx';
var qrcode = new QRCode(this.$refs.qrcode, {
text: text, //页面地址 ,如果页面需要参数传递请注意哈希模式#
width: 100,
height: 100,
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H,
})
qrcode.clear(); // 清除二维码方法二
}
转自https://www.jianshu.com/p/2dd22c1e3530 原创文章，作者：kepupublish，如若转载，请注明出处：https://blog.ytso.com/tech/pnotes/244623.html