首先,先看下这个玩意 qrcode ,不管怎么说,先 npm install qrcode,然后引入
import QRCode from "qrcode"
然后到去写下组件定义个画布
<div>
<canvas id="QRCode"></canvas>
</div>
下面是喜闻乐见的JS时间
data () {
return {
QRCodeMsg: ''
}
},
created () {
this.getQRCode()
},
methods: {
// 生成分享二维码
getQRCode () {
this.QRCodeMsg = 123456
}
},
watch: {
// 通过监听获取数据
QRCodeMsg (val) {
// 获取页面的canvas
let msg = document.getElementById('QRCode')
// 将获取到的数据(val)画到msg(canvas)上
QRCode.toCanvas(msg, val, function (error) {
if (error !== null) {
console.log(error)
}
})
}
},
}
至此,生成二维码的工作就完成了
接下来就是分享功能了,emm~~~~~有空补上