vue，在el-dialog弹出框使用ref失效解决

<el-dialog
   :close-on-click-modal="false"
   :visible.sync="previewVisible"
   append-to-body
   title="预览"
   top="50px"
   width="50%"
>
   <player v-if="previewVisible" ref="preview" style="height: 600px" />
</el-dialog>

在弹出框中使用ref，引起失效问题。

这是弹出框还是加载完就去使用它了，可以使用$nextTick，在渲染完再使用ref

preview() {
  this.previewVisible = true
  this.$nextTick(() => {
      this.$refs.preview
       ...do thing
   })
},