elenemt-ui中el-tabs与el-dialog冲突的简易解决方案

1,592 阅读1分钟

问题描述:

在使用element-ui时,如果el-dialog中嵌套了el-tabs,当关闭dialog时,页面就会被卡死。

问题在于:

el-dialog中的 :destroy-on-close="true" 与el-tabs冲突,陷入死循环。

解决方法:

  1. 删去:destroy-on-close="true"或改为:destroy-on-close="false"
    缺点:无法销毁该组件。
    优点:不会有隐藏的其他问题。
  2. :destroy-on-close="true"改为 v-if="dialogVisible"v-if="true"
    优点:既可以销毁该组件,又可以解决错误。
    缺点:如果dialog为自定义的组件,而一个页面出现多个dialog,在关闭一个后打开其他dialog会无法打开。