代码
<img :src="ceshiurl" alt="" />
装QrCode插件(概率安装失败,失败的话就多装几次)
//安装
npm install qrcode -S
//安装结束
js
import QrCode from 'qrcode'
//需要引入上述代码块
export default {
data() {
return {
ceshiurl: '',
}
created() {
this.ces()
}
methods: {
ces(){
var url = 'https://www.baidu.com/'
let canvas = document.createElement('canvas')
canvas.width = '100%'
canvas.height = '100%'
QrCode.toCanvas(canvas, url, (error) => {
if (error) {
console.log(error)
this.ceshiurl = error
} else {
this.ceshiurl = canvas.toDataURL('image/jpeg')
console.log(canvas.toDataURL('image/jpeg'))
}
})
}
}
}