父组件
let dialogVisible: Ref<boolean> = ref(false);
<Dialog v-model:dialogVisible="dialogVisible" />
子组件
<script setup lang="ts">
// 接收父组件传来的
defineProps<{
dialogVisible: boolean;
}>();
// 子传父
const emits = defineEmits(["update:dialogVisible"]);
// 关闭对话框
const handleClose = () => {
emits("update:dialogVisible", false);
};
</script>
<template>
<div>
<el-dialog
:model-value="dialogVisible"
@close="handleClose"
>
...
...
...
</el-dialog>
</div>
</template>