当前位置: 首页 > article >正文

el-dialog弹窗的@open方法中,第一次引用ref发现undefined问题,第二次后面又正常了

解决方法
直接不用这个@open方法,转而用@opened,代码例子:

<el-dialog title="单个新增" :visible.sync="PlacardShowSingle" @opened="openpbSingle()" width="1100px" top="1%" :close-on-click-modal="false">
    <div style="margin:20px; margin-top: -20px;">
        <PbscheduleSingle ref="PbscheduleSingle"></PbscheduleSingle>
    </div>
</el-dialog>

方法例子:

//弹窗完全挂载dom后再调用
openpbSingle() {
    // 调用PbscheduleSingle组件的方法QueryPublishNumberQuantity
    this.$refs.PbscheduleSingle.QueryPublishNumberQuantity(); 
},

情况大致是:
1.第一次打开没调用组件内部方法,发现是undefined,@open 在对话框打开之前触发,并且ref="PbscheduleSingle",这个ref没挂载在dom,自然无法获取到相应的方法。

2.第二次打开,由于第一次打开,ref已经挂载在dom了,所以一切又正常了

3. @opened 在对话框完全打开之后触发,组件已经完全挂载,所以不会出现undefined的错误。

还有其他方法可以解决,但是这个应该是最简洁明了的吧。


http://www.kler.cn/a/507423.html

相关文章:

  • Python基于Django的图像去雾算法研究和系统实现(附源码,文档说明)
  • 正则表达式先入门,精不精通看修行
  • kalilinux - 目录扫描之dirsearch
  • UDP报文格式
  • 学习threejs,使用OrbitControls相机控制器
  • docker 部署 MantisBT
  • 微服务容器化部署好处多吗?
  • 记录一个v-if与自定义指令的BUG
  • 使用 ChatGPT 生成和改进你的论文
  • 【Javascript Day10】Math对象、Math随机数、时间对象
  • LabVIEW实车四轮轮速信号再现系统
  • tomcat项目运行后报500
  • Java 高级工程师面试高频题:JVM+Redis+ 并发 + 算法 + 框架
  • Quantum supremacy using a programmable superconducting processor 全文翻译,配公式和图
  • 将 AzureBlob 的日志通过 Azure Event Hubs 发给 Elasticsearch(3 纯python的经济方案)
  • CSS3 2D 转换介绍
  • element表格有横向滚动条时产生错位或者偏移(火狐浏览器)
  • linux Debian包管理器apt安装软件包由于依赖关系安装失败解决方法
  • 系统思考—团队学习
  • 解锁动态规划的奥秘:从零到精通的创新思维解析(6)
  • Zookeeper 数据迁移实战:基础环境搭建与高效迁移方案全览
  • 鸿蒙动态路由实现方案
  • 国产游戏行业的挑战与机遇:IT技术如何引领未来
  • IEEE期刊;latex模板学习记录
  • 从AI生成内容到虚拟现实:娱乐体验的新边界
  • 天机学堂笔记1-网关拦截器获取用户信息保存到ThreadLocal