我們使用element時免不了會使用dialog，使用dialog免不了需要在dialog關閉的時候銷毀dialog的元素(比如表單重置和清除表單的校驗結果)，翻壹翻官方文檔，發現了 destroy-on-close 這個屬性，確實是好用，不過坑也挺多的，下面做壹個總結：
1.使用 destroy-on-close 屬性時，最好封裝成壹個組件，dialog的數據都維護在該組件中
我們在開發中是不是經常這樣做呢？同時我們發現了 destroy-on-close 這個屬性，於是自信的加上，壹測試，但是發現沒有作用，換個用法，我們往dialog裏面插入 組件 試試：
我們傳入壹個 test 組件，測試，妳會發現這是有作用的，重新關閉組件和打開組件組件的元素確實銷毀了。
翻翻官方文檔，文檔上是這樣寫：
可是我們第壹個例子確實傳入的是元素啊，只能去看壹下dialog的源碼了。
我們只看關於 destroy-on-close 的屬性的部分：
其實，在這裏我們已經可以看出壹些端倪了，element是基於vue的UI庫，vue中通過key作為組件的唯壹標識，壹旦key更新，就會觸發組件的更新。但是dialog的數據是維護dialog的父組件中，而 destroy-on-close 屬性是銷毀dialog組件及其子元素。
2.使用 destroy-on-close 後避免在組件的生命周期函數中發請求
這裏指的是數據基本不會變的請求，打開頁面只用發起壹次就夠了，如果妳在使用了 destroy-on-close 的組件中的 created 中發起請求，當妳關閉彈窗時，由於會觸發key的更新，所以此時也會發請求，造成不必要的資源浪費。
3.替代方案
3.1 使用 destroy-on-close 的情況下，對於數據量不會變的請求，放到dialog同級的頁面發請求，再傳值到dialog的組件
3.2 使用 v-if 代替 destroy-on-close
總結
1.能不用 destroy-on-close 就不用，使用 v-if 替代
2.壹定要用，註意傳入的是組件，並且註意dialog的關閉事件，會觸發組件的生命周期。