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

elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决

在el-dialog弹出框中,如果使用el-tabs,点击弹框的关闭按钮时,会导致弹出框无法关闭,且浏览器卡死。

解决方式(一):

在el-talbs的面板中不放任何内容:

<el-tab-pane label="基线化" name="0">基线化</el-tab-pane>
改为:
<el-tab-pane label="基线化" name="0"></el-tab-pane>


将内容放在el-tabs外面,然后用v-show来控制对应的内容的显示。如下图:

<el-tabs v-model="activeName" @tab-click="handleClick"><el-tab-pane label="基线化" name="0"> </el-tab-pane><el-tab-pane label="基线记录" name="1"> </el-tab-pane>
</el-tabs>
<div v-show="activeName == 0"> 面板1的内容
</div>
<div v-show="activeName == 1"> 面板2的内容
</div>

最开始以为是el-form不能嵌套el-tabs,其实不是。

解决方式(二):

el-dialog二次封装了 变成了全局组件 在使用包裹el-tabs时 关闭dialog 就会突然卡死 我还以为是电脑问题 经过多次测试发现 将destroy-on-close设置为false(关闭时不销毁dialog里面的元素)问题得以解决

http://www.lryc.cn/news/381923.html

相关文章:

  • 基于图扑 HT for Web 实现拓扑关系图
  • linux笔记10--编辑器之神VIM
  • 安全管理中心-集中管控(6点)
  • 使用electron打包Vue前端项目的详细流程
  • 《计算机英语》 Unit 4 Information Management 信息管理
  • 如何打包数据库文件
  • iOS抓包指南 正则过滤爬取
  • FLASH仿真EEPROM---基于智芯Z20K11XM
  • 阿里云PAI大模型评测最佳实践
  • 应用图扑 HT for Web 搭建拓扑关系图
  • Django Aggregation 使用指南
  • 嵌入式学习——Linux操作系统——文件编程练习
  • 用JavaScript实现了一个简单的图像坐标点标注工具
  • Pytorch深度解析:Transformer嵌入层源码逐行解读
  • HSP_10章 Python面向对象编程oop_基础部分
  • JavaWeb系列十七: jQuery选择器 上
  • Gone框架介绍30 - 使用`goner/gin`提供Web服务
  • Lipowerline5.0 雷达电力应用软件下载使用
  • STM32学习之一:什么是STM32
  • AI绘画Stable Diffusion 超强一键去除图片中的物体,免费使用!
  • 零基础STM32单片机编程入门(一)初识STM32单片机
  • Github上前十大开源Rust项目
  • 硬件开发笔记(二十):AD21导入外部下载的元器件原理图库、封装库和3D模型
  • 竞赛选题 python opencv 深度学习 指纹识别算法实现
  • RK3568开发笔记(三):瑞芯微RK3588芯片介绍,入手开发板的核心板介绍
  • EtherCAT主站IgH解析(二)-- 如何将Igh移植到Linux/Windows/RTOS等多操作系统
  • ansible copy模块参选选项
  • 展厅设计主要的六大要素
  • 【数据结构与算法】最小生成树,Prim算法,Kruskal算法 详解
  • 【启明智显产品分享】Model3工业级HMI芯片详解系列专题(三):安全、稳定、高防护