后端接口会返回一串由数字和英文组合的字符串
bash
getQRInviteCode() {
// 清除上一次的二维码
if (this.$refs.qrcode) {
this.$refs.qrcode.innerHTML = ''; // 清除二维码方法
}
// 生成二维码(这里有个坑,一定要在 new关键字前面用 等于号,赋给一个变量,否则vue运行会报错)
qrcode是HTML中的显示二维码的div
setTimeout(() => {
this.qrcode = new QRCode(this.$refs.qrcode, {
text: '', // 后端返回的二维码地址或者字符串
width: 100px, // 二维码宽度 (不支持100%)
height: 100px, // 二维码高度(不支持100%)
colorDark:'#333333',//二维码颜色
colorLight:'#ffffff',//二维码背景色
correctLevel:QRCode.CorrectLevel.l,//容错率 L/M/H
render: 'canvas', // 设置渲染方式(有两种方式 table和canvas,默认是canvas)
});
},0)
},
this.$forceUpdate()强制刷新一下