父组件

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>

Logo

前往低代码交流专区

更多推荐