vue 轉(zhuǎn)二維碼,使用qrcodejs2插件就能解決桂肌。
- 安裝qrcodejs2:
npm install qrcodejs2 --save
- 在組件里面引入:
import QRCode from 'qrcodejs2'
- 在HTML加入:
<div id="qrcode" ref="qrcode"></div>
- 方法:
qrcode () {
this.$refs.qrcode.innerHTML = '' // 清空之前生成的二維碼內(nèi)容
let qrcode = new QRCode('qrcode',{
width: 200, // 設(shè)置寬度,單位像素
height: 200, // 設(shè)置高度息堂,單位像素
text: 'https://www.baidu.com' // 設(shè)置二維碼內(nèi)容或跳轉(zhuǎn)地址(完整鏈接)
})
}
5.調(diào)用:
this.qrcode()