当前位置: 首页> 文旅> 文化 > 前端Vue + qrcode实现二维码生成

前端Vue + qrcode实现二维码生成

时间:2025/7/13 10:18:30来源:https://blog.csdn.net/ni15534789894/article/details/141815653 浏览次数:0次

后端接口会返回一串由数字和英文组合的字符串

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

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: