🐞 Ajout du resetValidation dans les champs custom

[alemangui]

Cette erreur a été vu dans la page pour ajouter des achats lors qu'on cliquait sur "Valider et ajouter un nouveau" :

La raison derrière est que nos composants custom n'ont pas surchargé la méthode resetValidation.

Problème

1- Lors qu'on clique sur "Valider et ajouter un nouveau" on sauvegarde l'achat, et puis on reste dans la même page, mais avec le formulaire en blanc. Ça vient de ce bout de code :

if (!stayOnPage) this.$router.push({ name: "PurchasesHome" }).then(notify)
else {
      ...
      this.$refs.form.resetValidation()
      ...
}

2- La ligne this.$refs.form.resetValidation() itère sur les champs du formulaire et appelle resetValidation sur chaqu'un. Voici le code vuetify :

resetValidation () {
      this.inputs.forEach(input => input.resetValidation())
      this.resetErrorBag()
}

3- Lors que ça arrive à nos champs custom, resetValidation n'existe pas. Donc l'erreur est levée.

Solution

Simplement ajouter la méthode pour chaque champ custom et faire en sorte qu'elle fasse l'appel au composant pertinent.