本文共 897 字，大约阅读时间需要 2 分钟。

使用 qrcodejs2 生成二维码

安装

npm install qrcodejs2 --save

HTML 配置

JavaScript 实现

// 生成二维码
printMultipleQRCode() {
  for (let i in this.qrcodeList) {
    const qrContainer = this.$refs[`qrcode-${i}`];
    if (qrContainer) {
      new QRCode(qrContainer[0], {
        text: this.qrcodeList[i],
        render: 'canvas',
        width: 130,
        height: 130,
        colorDark: '#000000',
        colorLight: '#ffffff'
      });
    }
  }
},
// 清除二维码
clearQRCode() {
  for (let i in this.qrcodeList) {
    const qrContainer = this.$refs[`qrcode-${i}`];
    if (qrContainer && qrContainer[0]) {
      qrContainer[0].innerHTML = '';
    }
  }
},
// 初始化并生成二维码
this.$nextTick(() => {
  this.printMultipleQRCode();
});

说明

通过以上方法，您可以在项目中轻松生成并管理多个二维码。

转载地址：http://megh.baihongyu.com/