v-validate et champs input

En utilisant vee-validate pour vérifier la présence de champs obligatoire d’un formulaire je me suis aperçu d’un problème, en testant le formulaire je ne pouvais écrire dans un de mes champs input sur mobile.

La fonctionnalité marchant très bien sur desktop, et pire encore elle marche parfaitement sur les autre champs du formulaire.

 

après plusieurs essais et plusieurs recherches google, il s’avère que le  problème viens de l’attribut v-validate. et je suis tombé sur un article intéressant qui nous raconte que le problème est connu, et que sur certain mobile, particulièrement sous chrome, le v-model n’est pas mis à jour en temps réel, et donc le v-validate n’arrive pas à gérer.

pour contourner le soucis on peut ajouter :

cela permet d’attendre que le model sois setter.

Dans mon cas cela a corrigé le problème sous chrome sur mobile.

 

Source : https://stackoverflow.com/questions/53538068/vuejs-form-validation-with-veevalidate-cant-type-on-some-mobile-devices

 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.