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

 

 

在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更新之后再执行代码。

posted @ 2022-11-18 16:12  cmooc  阅读(117)  评论(0编辑  收藏  举报