vue中el-dialog弹窗关闭，子组件控制父组件

1.父组件页面中的点击事件控制子组件的弹窗出现

2.子组件页面有个叉叉，点了之后关闭当前页面

<div class="databtn" @click="recordList">
   打开记录
</div>
//点击事件recordList控制下一层弹窗的开启

//点击事件里面我往下一层传入了标题，和控制弹窗开合的关键词
    recordList() {
      this.recordtitle = this.title;
      this.recordVisible = true;
    },

初始化的时候recordVisible: false,点击事件的时true

在父页面写子页面弹窗模块

    <jlDialog
      height="600px"
      :id="id"
      :title="recordtitle"
      v-if="recordVisible"
      :visible.sync="recordVisible"
    />

//引入一下
import jlDialog from "./jl-dialog.vue";
//注册组件
  components: {
    jlDialog,
  },

子组件页面的叉叉，点了之后，子组件会关闭，但是逻辑是点了叉叉之后，控制父组件的:visible.sync&#