Vue中的dialog弹框关闭后销毁DOM

之前使用Dplayer做视频播放，遇到的这个问题，执行销毁播放器后，当打开弹框视频后，关闭后，再打开还是会出现这种情况。

所以就考虑到是关闭弹框后，仅仅是销毁了播放器，并没有把弹框里面的数据给清掉。所以再次打开后就会出现上图的情况。

所以在代码这里加上 v-if=“LookdialogVisible”

默认会为true

同时也可以在关闭弹框的方法中加上 this.LookdialogVisible=false也可。

//关闭视频弹窗后刷新页面
     closeVideoDialog(){
     	 //销毁DOM、隐藏
         this.LookdialogVisible=false;
         //销毁播放器
         this.$refs.player.dp.destroy();
     },