刚进入页面时在 v-dialog里 qrCode第一次无法显示 并且报错 第二次后打开后 显示正常

Question

在网上寻找过解决办法 是 在v-dialog加入@opened="creatQRcode()"进行回调 但还是没有效果 请各位懂得小伙伴指点一下

、

Answer 1

  creatQrCode() {
      this.$nextTick(() => {
        this.$refs.qrCodeUrl.innerHTML = ''
        let text = `${this.text}?id=${this.info.id}&type=yh`
        var qrcode = new QRCode(this.$refs.qrCodeUrl, {
          text: text,
          width: 100,
          height: 100,
          colorDark: '#000000',
          colorLight: '#ffffff',
          correctLevel: QRCode.CorrectLevel.H,
        })
      })
    },