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

vue中el-dialog 中的内容没有预先加载,因此无法获得内部元素的ref 的解决方案 使用强制提前加载dialog方法

问题描述

在没有进行任何操作的时候,使用

this.$refs.xxxx 

无法获取el-dialog中的内部元素,这个问题会导致很多bug,其中目前网络上也有许多关于这个问题的解决方案,但是大多数是使用el-dialog中的@open在dialog打开的时候使用this.$nextTick进行操作
在这里插入图片描述
如果你想用上面的方法,可以参考https://blog.csdn.net/weixin_43227235/article/details/130849126

这里介绍另一种解决方法,强制加载dialog中的内容

给dialog添加一个ref

在这里插入图片描述

使用下面的代码,就是将dialog强制加载一遍,这个因为速度快肉眼是看不见加载的过程的

mounted() {this.updateInsertOpen = true //:visible.sync="open"this.$refs.updateInsertDialog.rendered = true //updateInsertDialog是dialog的ref;this.updateInsertOpen = false},
http://www.lryc.cn/news/168097.html

相关文章:

  • vue-h5移动Web的rem配置
  • 企业级数据仓库-数仓实战
  • Spring Boot 下载文件(word/excel等)文件名中文乱码问题|构建打包不存在模版文件(templates等)
  • Ansible数组同步至Shell脚本数组中
  • 私域流量的优势
  • Java 中“1000==1000”为false,而”100==100“为true?
  • 片上网络(1)概述
  • 使用 React Native 针对 Android 进行开发
  • LeetCode 每日一题 2023/9/11-2023/9/17
  • Linux系统调试篇——GDBSERVER远程调试
  • 前端实现打字效果
  • Unix和Linux、GNU和GPL、RHEL和Centos、Debian和Ubuntu
  • InfiniBand vs 光纤通道,存储协议的选择
  • 第2章_freeRTOS入门与工程实践之单片机程序设计模式
  • python LeetCode 刷题记录 58
  • HarmonyOS开发:那些开发中常见的问题汇总(一)
  • 新能源汽车驱动电机的基本知识
  • 流媒体协议——RTSP
  • Arcgis提取点数据经纬度
  • 【小记录】jupyter notebook新版本
  • Ubuntu安装深度学习环境相关(yolov8-python部署)
  • jmeter采集ELK平台海量业务日志( 采用Scroll)
  • React 全栈体系(五)
  • 动态规划——状态机模型
  • 合宙Air724UG LuatOS-Air LVGL API控件-图片(Gif)
  • 【C语言】指针和数组笔试题解析(2)
  • 3.3 DLL注入:突破会话0强力注入
  • C语言 —— 初步入门知识(内存、指针、结构体)
  • PHP8中字符串与数组的转换-PHP8知识详解
  • Wordtune:文本编辑工具