美文网首页
vue 链接生成二维码

vue 链接生成二维码

作者: 北暖37 | 来源:发表于2019-12-12 14:20 被阅读0次

1、安装qrcode库
npm install --save qrcode
2、在使用的页面引用
import QRcode from 'qrcode'
3、在使用的地方

QRcode.toDataURL(
            text, // 链接或者文本内容
            { errorCorrectionLevel: 'H', version: 1 },
            function (err, url) {
              if (!err) {
                console.log(url)
              }
            }
          )

errorCorrectionLevel: 二维码容错等级,等级越高校正误差的水平越高、等级 越高图片容量越小
L (Low)~7%
M (Medium)~15%
Q (Quartile)~25%
H (High)~30%,
version: 二维码规格,从1到40,一共40种规则, 数值越大二维码尺寸越大, 容量也越大
version 1是21 x 21的矩阵,
version 2是 25 x 25的矩阵,
......................
我们更换运行参数为:errorCorrectionLevel: "L", version: 10,
发现图片尺寸变大,容量也变大了

相关文章

网友评论

      本文标题:vue 链接生成二维码

      本文链接:https://www.haomeiwen.com/subject/roctnctx.html