vue+elementUi 关闭组件

页面上有一个搜索按钮，点击搜索，弹出一个dialog，弹出的内容是写在另一个组件里的，在那个组件里有一个关闭按钮，点击关闭，使这个组件消失，关闭按钮上的事件要怎么写

子组件调用父组件方法，this.$emit

<region-select @closeModel="dialogVisibleChoose=false">
<el-button @click="close">关闭</el-button>
close(){
  this.$emit('closeModel')
}

使用组件的ref，绑定事件，点击父组件去操作子组件的方法

1、子组件调用父组件中的方法
this.$emit('closeDialog')

2、给Dialog组件传递方法
 <Dialog
  :dialogVisible="dialogVisible"
  @closeDialog="closeDialog"
 ></Dialog>

closeDialog() {
  this.dialogVisible = false;
}