解决el-dialog与el-tabs一起用卡死的问题
作者:四木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
至此,问题解决。
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
