vue項目生成二維碼功能使用QRCode

1，導入第三方插件

npm install –save qrcode

2，在頁面上引入

import QRCode from 'qrcodejs2'  

<div id="qrcode">二維碼位置</div>   

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

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

插件詳情