vue项目中生成二维码

1、下包   npm install --save qrcode
2、引入   import QRCode from 'qrcode'
3、data() {
	return {
	  qrcodeUrl: ""
	}
  }
4、 QRCode.toDataURL('this.content', 
      {errorCorrectionLevel: "Q", version: 3},
      function(err, url) {
        if (!err) {
          self.qrcodeUrl = 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，

发现图片尺寸变大，容量也变大了