Revision history [back]

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>