解决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
至此，问题解决。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。