vue之qrcodejs2生成二维码的应用

① 安装引入qrcodejs2

npm i qrcodejs2 -D （安装到开发环境）

import QRCode from "qrcodejs2"; （从node_module中寻找）

②使用qrcodejs2，new QRCode（“#id”，options）, 第一个参数为dom元素的id值， 第二个参数是二维码的生成参数，包括二维码的内容、宽高、颜色以及容错等级

  new QRCode("qrcode", {

          text: _qrCodeConfWeb.redirectUrl, // 需要转换为二维码的内容

          width: 230, // 宽高

          height: 230,

          colorDark: "#000000",

          colorLight: "#ffffff",

          correctLevel: QRCode.CorrectLevel.L // 二维码 容错等级 L M Q H

  });

③上面说到容错等级，那容错等级到底是个啥？

定义：错误校正: 损坏，但仍然解码的二维码称之为二维码的容错等级。

原理：水平使用的Reed-Solomon纠错算法。越高误差校正水平，较少的存储容量。下表列出了在每一个的四个层次的近似误差校正能力：

电平L（低） 7％的码字可以被恢复。

M级（中） 的码字的15％可以被恢复。

级Q（四分）[ 28 ] 的码字的25％可以被恢复。

H级（高） 的码字的30％可以被恢复。

总结：容错等级越高，二维码越密集，损坏大的时候我们同样有很大几率扫出来。