下载qrcodejs2插件: npm install qrcodejs2 --save
导入:
import QRCode from 'qrcodejs2'
使用:
methods: {
this.$refs.qrcode.innerHTML = '' // 清除上一次二维码图片,否则每次生成,图片会累加
qrcode () {
let qrcode = new QRCode('qrcode', {
width: 100, // 宽度
height: 100, // 高度
text: '56663159' // 这里需要填写要转二维码图片的字符串
// render: 'canvas' // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
// background: '#f0f'
// foreground: '#ff0'
})
console.log(qrcode)
}
HTML展示二维码图片
<div id="qrcode" ref="qrcode"></div>