修复弹窗表单重复提交的问题

This commit is contained in:
tzdxf 2025-03-17 10:54:06 +08:00
parent 20a2ced413
commit 1b5227a22b

View File

@ -55,6 +55,8 @@ const dialogStyle = computed(() => {
height: unref(dialogHeight) height: unref(dialogHeight)
} }
}) })
const closing = ref(false)
</script> </script>
<template> <template>
@ -68,6 +70,8 @@ const dialogStyle = computed(() => {
draggable draggable
class="com-dialog" class="com-dialog"
:show-close="false" :show-close="false"
@close="closing=true"
@closed="closing=false"
> >
<template #header="{ close }"> <template #header="{ close }">
<div class="relative h-54px flex items-center justify-between pl-15px pr-15px"> <div class="relative h-54px flex items-center justify-between pl-15px pr-15px">
@ -101,7 +105,9 @@ const dialogStyle = computed(() => {
</ElScrollbar> </ElScrollbar>
<slot v-else></slot> <slot v-else></slot>
<template v-if="slots.footer" #footer> <template v-if="slots.footer" #footer>
<div :style="{'pointer-events': closing ? 'none' : 'auto'}">
<slot name="footer"></slot> <slot name="footer"></slot>
</div>
</template> </template>
</ElDialog> </ElDialog>
</template> </template>