vue dialog封装后作为组件使用，在父组件打开弹窗。vue父组件打开子组件的弹窗

思路：利用父组件调用子组件方法在打开弹窗，关闭的话完全不用担心，因为已经是那个弹窗内部的事情了。

子组件定义一个方法用于打开弹窗

// 打开弹窗
openDialog(_teacherLabclassId) {
  this.teacherLabclassId = _teacherLabclassId
  this.dialogVisible = true
}

父组件引用子组件用利用ref调用子组件打开弹窗的方法就可以了

先引用与使用:

import DealCheckTypeDialog from './components/dealCheckTypeDialog.vue'
<DealCheckTypeDialog ref="dealCheckTypeDialog" />

利用ref调用子组件打开弹窗的方法就可以了：

openDealCheckTypeDialog(row) {
  // 调用子组件的方法打开弹窗
  this.$refs.dealCheckTypeDialog.openDialog(row.id)
},

vue3中父组件调用子组件方法有点不一样了，参考：https://www.tnblog.net/xiuxin/article/details/8153