vue——使用Qrcode生成二维码,报错Uncaught (in promise) Error: code length overflow.
2023-09-27 14:29:10 时间
参考:https://www.bbsmax.com/A/x9J2nLBEJ6/ Uncaught Error: code length overflow. (1604>1056)
https://blog.csdn.net/arrowzz/article/details/80656510 JS的条形码和二维码生成
https://blog.csdn.net/xiaolinlife/article/details/86657267 项目总结之制作二维码的插件qrcode.js
原因:
二维码生成时,如果长度太长会有异常:
Uncaught Error: code length overflow. (1604>1056)
创建的时候,添加 correctLevel: 3 就可以解决了。
correctLevel是指二维码的容错级别,可设置为:
QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H(默认)
对应的值如下:
QRErrorCorrectLevel = {
L : 1,
M : 0,
Q : 3,
H : 2
};
为了让用户扫码更快,一般都选用低容错级别(建议用QRCode.CorrectLevel.L)
解决方法:
// 绘制二维码 genQrCode(info) { this.qrCode = new QRCode(this.$refs.code, { text: info, width: 200, height: 200, correctLevel: 3, // <== 关键 }); },
相关文章
- VUE 数据分页
- vue get attribute value
- 安装vue脚手架出现错误:npm ERR code ETIMEDOUT npm ERR syscall connect npm ERR errno ETIMEDOUT npm ERR network reques...
- VS Code安装以及工作区的创建(node安装+vue+vue-admin-template搭建)
- vue源码构建代码分析
- vue 项目级别工程搭建—路由(二)
- Vue axios拦截器使用
- Vue源码详细解析
- (CI & CD)Jenkins+GitHub+Vue
- 从头开始学习vue-router
- 前端学习之VUE基础五(Vue-Router):路由的基本概念、vue-router的基本使用、vue-router嵌套路由、vue-router动态路由匹配、vue-router编程式导航