elementUI踩坑<el-dialog>的destory属性失效

问题描述:

  按照elementUI官网所说,destory-on-close属性会在dialog关闭时销毁内部元素,但实际开发中,如果利用dialogd的显示隐藏来弹出对话框,并在dialog中直接写一些表格,form表单等,关闭后发现元素并不销毁。

问题原因:

  elementUI中的dialog中的destory-on-close属性只能销毁其内部管理的数据,而一般操作是将<el-dialog>组件作为子组件,数据维护在<el-dialog>的父组件,故销毁方法失效。

解决方法:

  1、使用v-if来初始化内容(暴力方便)

  2、将dialog页面内容作成一个组件,该组件维护数据并作为dialog子组件。(需要组件间传值,不建议)

posted @ 2022-07-14 15:38  夜奔真刚  阅读(653)  评论(0)    收藏  举报