首页 > 其他分享 >dialog弹窗里生成二维码 (reading qppendChild)

dialog弹窗里生成二维码 (reading qppendChild)

时间:2022-11-18 16:22:28浏览次数:46  
标签:nextTick 生成 qppendChild 二维码 dialog reading 弹窗

 

 

在dialog弹窗里生成二维码第一次点击时 dialogFormVisible.value=false,二维码生成时会找不到对象可以用nextTick()函数

将二维码生成代码放到nextTick()函数
//this.$nextTick()
nextTick(()=>{ document.getElementById("qr").innerHTML = ''; new QRCode('qr', { text: formData.value.pbid, width: 50, height: 50, colorDark: '#000000', //二维码颜色 colorLight: "#ffffff" //背景颜色 }); });

vue.js中this.$nextTick()就是起到了一个等待数据的作用,等到DOM更新之后再执行代码。

标签:nextTick,生成,qppendChild,二维码,dialog,reading,弹窗
From: https://www.cnblogs.com/cmooc/p/16903624.html

相关文章