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

最新文章

  1. 回归基础: JavaScript 变量提升
  2. UIkit框架之UIcollection
  3. PHP判断访问终端,电脑或手机访问
  4. 局域网 其它主机ping不通win7, 解决
  5. [原]Fedora Linux环境下的应用工具总结
  6. mybatis重拾---部署官方demo
  7. ubuntu 64位设置兼容32位 for ADB 命令无法运行
  8. bootstrap table笔记
  9. php返回的json格式
  10. mysql数据类型double和decimal区别详解
  11. byte和长度为8的boolean数组互相转换
  12. 盒子模型、网页自动居中、float浮动与清除、横向两列布局
  13. 微信开发使用webstorm&phpstrom 配置
  14. ThreadPool线程池
  15. 2.jQuery介绍
  16. Hibernate的集合一对多与多对一
  17. SpringBoot配置属性转载地址
  18. CSS3实现小黄人动画
  19. 4、Orcal数据库dmp文件导入
  20. Flask从入门到精通之大型程序的结构二

热门文章

  1. 批量创建xshell会话
  2. python运行脚本报错Non-UTF-8
  3. SSB调制与解调(Simulink&Matlab)
  4. 第六章:用Python实现自动发送邮件和发送钉钉消息
  5. 12组-Beta冲刺-1/5
  6. 小白之Python-基础中的基础03
  7. Mysql 无法使用注释 带注释执行报错 Dbeaver
  8. gopher必读文章
  9. 使用 FreeSSL 申请免费证书
  10. (python)python 3.9 安装 robotframework-ride 因为 wxPython 失败