1. 程式人生 > >vue 生成二維碼

vue 生成二維碼

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