vue3 中对 dialog 的封装
父组件let dialogVisible: Ref<boolean> = ref(false);<Dialog v-model:dialogVisible="dialogVisible" />子组件<script setup lang="ts">// 接收父组件传来的defineProps<{dialogVisible: boolean;}>();/
·
父组件
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>
更多推荐
已为社区贡献4条内容
所有评论(0)