vue 生成二維碼
阿新 • • 發佈:2019-01-27
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