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

element el-dialog里再调用其他组件,查找不到组件的方法

  • 需求描述:点击编辑按钮,跳出编辑弹窗,回显图片组件里面的图片
  • 问题:element el-dialog里再调用组件,打开该弹窗的瞬间找不到弹窗里调用子组件的方法
  • 原因:弹窗显示时,调用的子组件还没渲染出来所以查找不到该组件的方法,感觉是父子组件渲染先后的问题
  • 解决:我选择的方法是写推迟调用方法定时器setTimeout
  • 代码
// template
<!-- 新增/修改 --><el-dialog:title="title":visible.sync="addlDialogVisible"width="50%":before-close="onCloseAdd":destroy-on-close="true">// 其他组件UploadImage  <UploadImage ref="componentImag" /><span slot="footer" class="dialog-footer"><el-button @click="onCloseAdd">取 消</el-button><el-button type="primary" @click="onConfirmAddDialog">确 定</el-button></span></el-dialog>// JSonEditAction(){/*** 写图片上传回显样式*/if(this.multipleSelection[0].ImageUrl!==''&& this.multipleSelection[0].ImageUrl!==null){let pamImage = {fileName:'',url:this.multipleSelection[0].ImageUrl,}setTimeout(() => {this.$refs.componentImag.editShowStyle(pamImage) // 刚开始就是找不到这个方法!,写完延迟调用就找到了}, 0)}},
http://www.lryc.cn/news/324119.html

相关文章:

  • 【深度学习】四种天气分类 模版函数 从0到1手敲版本
  • Linux文件 profile、bashrc、bash_profile区别
  • blender记一下法线烘焙
  • 【LabVIEW FPGA入门】FPGA 存储器(Memory)
  • vue3+element Plus form 作为子组件,从父组件如何赋值?
  • Kafka系列之:Exactly-once support
  • Spring Boot2
  • 【idea做lua编辑器】IDEA下lua插件报错编辑器打不开(同时安装EmmyLua和Luanalysis这2个插件就报错,保留EmmyLua插件即可)
  • SpringCloud之网关组件Gateway学习
  • 全球大型语言模型(LLMS)现状与比较
  • Git Commit 提交规范,变更日志、版本发布自动化和 Emoji 提交标准
  • Spark与flink计算引擎工作原理
  • Excel数字乱码怎么回事 Excel数字乱码怎么调回来
  • 实例:NX二次开发使用链表进行拉伸功能(链表相关功能练习)
  • 【VSTO开发】遍历 Ribbon 中的所有控件或按钮
  • 上位机图像处理和嵌入式模块部署(qmacvisual图像识别)
  • 当Java 22遇到 SpringBoot 3.3.0!
  • 贪吃蛇(C语言超详细版)
  • python(django)之流程接口管理后台开发
  • Hive入门
  • 【神经网络】得分函数,损失函数~
  • FFmepg--AVFilter过滤器使用以及yuv视频裁剪
  • .net使用excel的cells对象没有value方法——学习.net的Excel工作表问题
  • string类的详细模拟实现
  • 【EasyX】 使用说明
  • 以太坊基金会JUSTIN DRAKE确认出席Hack.Summit() 2024区块链开发者大会
  • 数学建模常用代码
  • 学点儿Java_Day7_在实体类当中IDEA无法进行单元测试(@Test没有启动按钮)
  • C语言:二叉树基础
  • LeetCode热题Hot100-两数之和