Vue中關閉dialog時銷燬DOM、資料等

背景：今天在寫Vue時遇到一個用element-ui的dialog時，裡面用路由播放視訊的時候，第二個視訊無法影響

多個數據共用一個dialog，但是除了第一次點選的時候，觸發了引用頁面的created()裡方法，無論再怎麼點選其它資料的方法也無法觸發created()，原因應該就是DOM已經渲染完畢不會再次渲染了，所以想要用其他資料就需要銷燬一下。

參考文章：https://blog.csdn.net/qq_25135655/article/details/94400290

根據原文章可知此方法可用於多種情況導致dialog內資料無法重新整理的問題。

其實你已經想到了，就是隱藏dialog的時候要銷燬這個dialog。 度娘後發現給dialog加v-if，在關閉dialog的時候將v-if設定為false這樣el-tree會直接將其從DOM結構中抹除，到此問題解決。

    <!--視訊播放的彈出框-->
    <el-dialog
      :title="this.dialogVideo.Title"
      :visible.sync="dialogVideoVisible"
      width="80%"
      :before-close="handleClose"
      v-if="dialogVideoVisible"
    >