Creé un controlador de formulario usando su componible dentro de mi <script setup> :
const { submitForm, resetForm, handleSubmit, meta } = useForm() function save() { // Here I want to submit the form submitForm() // This doesn't work showSaveSnackbar.value = false } function discard() { resetForm() showSaveSnackbar.value = false } const onSubmit = handleSubmit(values => { // pretty print the values object alert(JSON.stringify(values, null, 2)); });Y en mi plantilla escribí esto:
<form @submit="onSubmit"> <!-- inputs --> </form> Hice una barra de bocadillos con un botón que aparece (usando el atributo meta.dirty de meta.dirty ). Cuando edito el formulario y quiero enviarlo, quiero usar este botón personalizado en lugar del botón Enviar del formulario HTML (en este caso, el botón llama a la función save() personalizada).
Intenté usar la función submitForm() pero sin éxito.
¿Cómo puedo hacer esto?
Creo que puede manejar el procesamiento del formulario en la función de save (y posiblemente eliminar la función onSubmit ).
const { errors, values } = useForm(); const save = () => { showSaveSnackbar.value = false alert(JSON.stringify(values.value, null, 2)); };