vue使用dialog关闭前调用_element-ui的dialog如何关闭自身？

功能需求

然后我打开dialog层的代码

list.vue 从这里打开 Dialog 1(add.vue)

添加菜单

:visible.sync="addDialogVisible"

center>

import addMenu from './add.vue'

export default {

data() {

return {

addDialogVisible: false

}

},

components: {

addMenu

}

}

add.vue (Dialog 1)

查找

:visible.sync="ruleDialogVisible"

:modal="false"

center>

import ruleList from './rule.vue'

export default {

data() {

ruleDialogVisible:false,

}

}

rule.vue (Dialog 2)

关闭

这样写dialog的话，应该怎么关闭dialog2？