mirror of
https://github.com/keven1024/015.git
synced 2026-05-26 07:08:02 +00:00
27 lines
627 B
Vue
27 lines
627 B
Vue
<template>
|
|
<AsyncButton type="button" @click="async (e) => {
|
|
e?.preventDefault()
|
|
await props.onClick?.(form)
|
|
}" :disabled="!isValid">
|
|
<slot />
|
|
</AsyncButton>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { AsyncButton } from '@/components/ui/button'
|
|
import { useFormContext } from 'vee-validate'
|
|
const form = useFormContext()
|
|
|
|
const isValid = ref(false)
|
|
|
|
watchEffect(async () => {
|
|
const { valid } = await form?.validate()
|
|
isValid.value = valid
|
|
})
|
|
|
|
const props = withDefaults(defineProps<{
|
|
onClick?: (form: ReturnType<typeof useFormContext>) => Promise<void>
|
|
}>(), {
|
|
onClick: async () => {}
|
|
})
|
|
</script>
|