由于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", // 二维码地址
});
}