vue-elementui自定义组件弹出框显示隐藏

在同一个页面的，参考官网文档https://element.eleme.cn/#/zh-CN/component/dialog

如果弹框是自定义的组件，通过控制showEditDialog，来控制弹出框显示隐藏

父页面：

<div v-if="showEditDialog">
  <CustomDialog ref="editDialog" @cancel="cancel"/>
</div>

cancel(v) {
  this.showEditDialog= false
}

子页面：

close() {
  this.$emit('cancel', false)
}