To get the values returned from handleSubmit in Vue 3 with vee-validate, you can use the "values" property returned by the handleSubmit function. The "values" property contains an object with the names of the input fields as keys and their corresponding values as values.
Here's an example:
<template>
<form @submit.prevent="submitForm">
<label>
Name:
<input type="text" v-model="name" v-validate="'required'">
</label>
<label>
Email:
<input type="email" v-model="email" v-validate="'required|email'">
</label>
<button type="submit">Submit</button>
</form>
</template>
<script>
import { useForm } from '@vee-validate/core'
export default {
setup() {
const { handleSubmit, values } = useForm()
const submitForm = handleSubmit(formData => {
console.log(formData) // prints an object with the input field values
console.log(values) // also prints the same object with the input field values
})
return {
submitForm
}
}
}
</script>
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2022-01-08 11:00:00 +0000
Seen: 8 times
Last updated: Feb 25 '22
How to perform batch geocoding when longitude and latitude values are missing?
How can a new object with a specific type be created in Angular 2 using the domain model?
What is the method to eliminate NA from facet_wrap in ggplot2?
How can a text/varchar column be shortened when duplicate values are not permitted?
How are `all: unset` and `all: revert` dissimilar from each other?
How can I set values on a Map using more than one parameter from a nativeQuery?
What is the problem encountered when attempting to filter the column values of a data.frame?
How can an array be filtered using the values in another array?