PC端使子组件的弹框关闭

子组件

<template><el-dialog title="新增部门" :visible="showDialog" @close="close"> </el-dialog>
</template>
<script>
export default {props: {showDialog: {type: Boolean,default: false,},},data() {return {};},methods: {close() {this.$emit("update:showDialog", false);},},
};
</script>

父组件
表示会接收子组件的事件 undate:showDialog,值=>属性 .sync可以监听到，会把传过来的值赋给前面的属性showDialog

 <addDept :showDialog.sync="showDialog"></addDept>