h5使用qrcodejs2生成二维码

 1.准备展示生成二维码的view

<view id='canvasQrcode' class='qrcode'></view>

2.导入使用生成二维码的包qrcodejs2

我的资源里有qrcodejs2，直接下载放入项目中即可

若要下包可用 npm i qrcodejs2

// 导入QRCode
import QRCode from '../../utils/qrcodejs2/qrcode.js'

3.调用生成二维码方法

需onReady生命周期调用，一进入页面立刻展示二维码
放onLoad会因为没有view标签而无法生成二维码

onReady() {
  this.showCode()
},

showCode() {
  let qrcode = new QRCode(document.getElementById("canvasQrcode"), {
      width: 70, //设置宽高
      height: 70
  });
  qrcode.makeCode('你想生成二维码的数据')
},

注意：如果需要进行一些操作后再展示二维码
需要在view上用v-show，如果用v-if会因为标签不存在而无法生成二维码