问题描述:
在使用element-ui时,如果el-dialog
中嵌套了el-tabs
,当关闭dialog时,页面就会被卡死。
问题在于:
el-dialog中的 :destroy-on-close="true"
与el-tabs冲突,陷入死循环。
解决方法:
- 删去:
destroy-on-close="true"
或改为:destroy-on-close="false"
。
缺点:无法销毁该组件。
优点:不会有隐藏的其他问题。 - 将
:destroy-on-close="true"
改为v-if="dialogVisible"
或v-if="true"
。
优点:既可以销毁该组件,又可以解决错误。
缺点:如果dialog为自定义的组件,而一个页面出现多个dialog,在关闭一个后打开其他dialog会无法打开。