解决el-dialog与el-tabs一起用卡死的问题
更新时间：2026年01月22日 16:38:14 作者：四木Zhang
在el-dialog中嵌入el-tabs和el-transfer时,关闭dialog会导致浏览器卡死,通过排查发现是destroy-on-close属性和el-tabs冲突导致的,解决方法是去掉destroy-on-close属性或给el-tabs添加v-if
问题描述
在el-dialog中嵌入了使用el-tabs和el-transfer，在浏览器点击el-diaolg后，能正常操作，关闭dialog时，浏览器直接卡死
- 先找自身代码原因，下意识以为是嵌入的el-tabs或者el-transfer写法有问题
- 然而发现不关闭时是能进行操作的，就挨个屏蔽el-tabs和el-transfer，发现屏蔽el-tabs后就没问题
- 本着面向百度、谷歌开发的原则，发现有好多人碰到一样的问题
- 猜测原因可能是el-dialog的
destroy-on-close属性和el-tabs会有冲突
解决方案
- 把el-dialog的
destroy-on-close属性去掉就好了 - 或者给el-tabs添加 v-if
至此，问题解决。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Tailwind CSS是一个流行的前端CSS框架,它基于原子设计原则,提供了一套预构建的CSS样式类,旨在帮助开发者快速地创建响应式、可定制的用户界面,本文给大家介绍了Vue2中使用tailwindCss的详细教程,需要的朋友可以参考下2024-09-09
sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。这篇文章主要介绍了vue中使用sessionStorage记住密码功能,需要的朋友可以参考下2018-07-07
今天小编就为大家分享一篇关于Vue项目安装插件并保存，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
这篇文章主要介绍了vue3中element-plus router的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
vuex中的state、getters、mutations、actions之间的关系解读
这篇文章主要介绍了vuex中的state、getters、mutations、actions之间的关系,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10
组件是有name属性的,匹配的就是组件的name,下面这篇文章主要给大家介绍了关于vue中组件的name属性含义和用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了vue3 axios安装及使用示例代码,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-04-04
这篇文章主要介绍了vue3使用reactive包裹数组正确赋值问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
Vue 组件通信是前端开发核心知识点,不同组件层级对应不同的通信方案,本文将按基础场景,进阶场景,特殊场景进行系统梳理,希望对大家有所帮助2026-04-04
这篇文章主要介绍了Ant Design Vue日期组件的时间限制方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
最新评论