vue使用qrcodejs2(生成二維碼)

一、cnpm install qrcodejs2 --save

二、使用頁面 import    QRcode form 'qrcodejs2'

三、HTML中

<div id="qrcode"></div> //生成二維碼的位置
methods中

qrcode() {  
         let qrcode = new QRCode('qrcode', {  
         width: 100,  
         height: 100, // 高度  
         text: '56663159', // 二維碼內容
         image: ''  
         // render: 'canvas' // 設置渲染方式(有兩種方式 table和canvas,默認是canvas)  
         // background: '#f0f'  
         // foreground: '#ff0'  
     })  
       console.log(qrcode)  
  }

mounted(){
        this.qrcode();
    },
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章