File tree Expand file tree Collapse file tree 2 files changed +7
-5
lines changed Expand file tree Collapse file tree 2 files changed +7
-5
lines changed Original file line number Diff line number Diff line change @@ -294,8 +294,10 @@ export function creatFormControl<TFieldValues extends FieldValues = FieldValues>
294
294
return
295
295
}
296
296
const res : Record < string , any > = { }
297
- for ( const fieldName in _fields )
297
+ for ( const fieldName in _fields ) {
298
298
res [ fieldName ] = _fields [ fieldName ] . inputValue
299
+ _options . defaultValues ! [ fieldName ] = _fields [ fieldName ] . inputValue . value
300
+ }
299
301
300
302
await onSubmit ( _fields as UnpackNestedValue < TFieldValues > , e )
301
303
_setFormState ( {
Original file line number Diff line number Diff line change 1
1
<script setup lang="ts">
2
- import { createErrorHandler , createSubmitHandler , useForm } from ' @vue-hooks-form/core'
3
2
import { useZodResolver } from ' @vue-hooks-form/zod'
4
3
import { z } from ' zod'
4
+ import { createErrorHandler , createSubmitHandler , useForm } from ' ../../packages/core/src/index'
5
5
6
6
const zodSchema = z .object ({
7
7
name: z .string ().min (3 , { message: ' Name must be at least 3 characters long' }),
8
8
})
9
9
10
10
const {
11
11
register,
12
- formState : { errors } ,
12
+ formState,
13
13
isExistInErrors,
14
14
handleSubmit,
15
15
} = useForm ({
16
- mode: ' onChange ' ,
16
+ mode: ' onSubmit ' ,
17
17
resolver: useZodResolver (zodSchema ),
18
18
})
19
19
@@ -27,7 +27,7 @@ const onError = createErrorHandler((errors: any) => {
27
27
</script >
28
28
29
29
<template >
30
- {{ errors }}
30
+ {{ formState }}
31
31
<form @submit.prevent =" handleSubmit(onSubmit, onError)()" >
32
32
name: <input : =" register('name')" >
33
33
<button type =" submit" >
You can’t perform that action at this time.
0 commit comments