vue 转二维码,使用qrcodejs2插件就能解决。
- 安装qrcodejs2:
npm install qrcodejs2 --save
- 在组件里面引入:
import QRCode from 'qrcodejs2'
- 在HTML加入:
<div id="qrcode" ref="qrcode"></div>
- 方法:
qrcode () {
this.$refs.qrcode.innerHTML = '' // 清空之前生成的二维码内容
let qrcode = new QRCode('qrcode',{
width: 200, // 设置宽度,单位像素
height: 200, // 设置高度,单位像素
text: 'https://www.baidu.com' // 设置二维码内容或跳转地址(完整链接)
})
}
5.调用:
this.qrcode()