首先需要下载依赖 qrcode
npm install qrcode
然后把它引入项目中
import QRCode from 'qrcode'
在html中写一个button,加canvas
<canvas id="QRCode" />
<el-button type="text" size="small" @click="getQRCode()">
生成二维码
</el-button>
在deta中定义一个放二维码的
QRCodeMsg: '', // 生成二维码信息
在watch获取监听数据
watch: {
// 通过监听获取数据
QRCodeMsg(val) {
// 获取页面的canvas
var msg = document.getElementById('QRCode')
// 将获取到的数据(val)画到msg(canvas)上
QRCode.toCanvas(msg, val, function(error) {
console.log(error)
})
}
},
然后在methods中调用点击事件
// 生成分享二维码
getQRCode() {
this.QRCodeMsg = url// 生成的二维码为URL地址
},
有帮助的记得点下赞,笔友的赞就是对作者最大的鼓励