思路：利用父组件调用子组件方法在打开弹窗，关闭的话完全不用担心，因为已经是那个弹窗内部的事情了。 #### 子组件定义一个方法用于打开弹窗 ``` // 打开弹窗 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