Apprenez à utiliser les champs de texte pour une validation positive et envoyer des données

Question

J'ai un v-text-field avec des règles de validation qui déclenchent quelque chose lorsque le focus est perdu.

<v-text-field
    :rules="validationRègles"
    @blur="emitFunction"
></v-text-field>

Existe-t-il un moyen d'appeler emitFunction

Answer 1

Vous pouvez l'envelopper avec v-form et utiliser v-model pour suivre la validité du formulaire

const isValid = ref(false)
function emitIfValid() {
  if (isValid.value) emitFunction()
}

<v-form v-model="isValid">
  <v-text-field
    :rules="validationRules"
    @blur="emitIfValid"
  />
</v-form>