Início / coding / Perguntas / 77297383
Accepted
user3953989
Asked: 2023-10-15 23:44:47 +0800 CST

Validação de entrada no Vuetify 3 sem usar formulário

  • 772

Estou com a validação funcionando mas não sei como verificar se todos os campos são válidos pois não estou usando tag de formulário.

Meus campos são postados em uma API e não precisam de um formulário real.

Existe uma maneira de usar uma tag de formulário sem enviar, para que eu não precise atualizar a página?

vuejs3

1 respostas

  1. Best Answer

    Normalmente, você usa o formato v no Vuetify e evita o recarregamento da página no manipulador de eventos:

    <v-form @submit.prevent="handleSubmit">
  <v-text-field
    ...
  />
</v-form>

    O evento passado para o manipulador implementa uma interface Promise, que permite aguardar o resultado da validação:

    async function handleSubmit(submitEventPromise) {
  const {valid, errors} = await submitEventPromise
}
    • 1

relate perguntas