vue中使用qrcodejs2 生成二維碼
阿新 • • 發佈:2018-10-31
需要注意的是qrcode也可以生成二維碼,一開始引入的是qrcode的外掛,使用下面的方法報錯。所以又上網找的,發現應該使用qrcodejs2
一、npm install qrcodejs2 --save
二、使用頁面 import QRcode form 'qrcodejs2'
三、HTML中
<div id="qrcode"></div>
四、js中
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) } }, mounted () { this.qrcode() }