dialog中二维码显示问题

由于dialog加载过程会耗费一定时间,因此在dialog中直接调用会导致在一次打开的dialog无法加载二维码,在dialog标签中加入@opened=“ShowQRCode()”属性,opened是dialog动画打开完毕之后的回调,当页面加载完毕时才会记载绑定的函数,可以解决dialog加载延时导致的二维码不显示问题。

ShowQRCode()
{
 document.getElementById("qrcode").innerHTML = "";
 this.qrcode = this.$QRCode() //这是全局部署的使用方法
 
 //非全局部署
      let qrcode = new QRCode("qrcode", {
        width: 132,
        height: 132,
        text: "https://www.baidu.com", // 二维码地址
      });
}

猜你喜欢

转载自blog.csdn.net/qq_43774332/article/details/125046882