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>
