npm install qrcodejs2 --save
@ 这里注意安装 qrcodejs2 不要安装 qrcode ,装了也没用 会报错
2) 页面中引入
import QRCode from 'qrcodejs2'
components: {QRCode}
3) 页面填充
<div id="qrcode" ref="qrcode"></div>
4) 页面调用
qrcode () {
let qrcode = new QRCode('qrcode', {
width: 232, // 设置宽度
height: 232, // 设置高度
text: 'https://baidu.com'
})
},
/*
@ 在需要调用的地方 这样必须这样调用 否则会出现 appendChild null 就是id为qrcode的dom获取不到 返回结果为null
*/
this.$nextTick (function () {
this.qrcode();
})
---------------------
作者:君如墨
来源:CSDN
原文:https://blog.csdn.net/zhuswy/article/details/80267748