Vee-validate: VeeValidate slows down typing in input

Created on 14 Aug 2019  Â·  3Comments  Â·  Source: logaretm/vee-validate

Versions

  • vee-validate: 2.2.15
  • vue: 2.6.10
  • vuetify : 1.5.17

Describe the bug
When using VeeValidate on a Vuetify input field, typing to fill this field is very slow.
You type then you have to wait for character to print. This make user experience unpleasant.
I tried delay with no luck.

To reproduce
Steps to reproduce the behavior:

<v-text-field label="Firstname:"
    v-model="modelObject.firstname"
    v-validate="'max:32'"
    data-vv-name="personal-infos-firstname"
    data-vv-as='firstname'
    :error-messages="errors.collect('personal-infos-firstname')"
    data-vv-delay="200"
    v-on:blur="updateModelObject(modelObject.curriculum, modelObject)"
>
</v-text-field>

Expected behavior
VeeValidate should not slow down user input. And preserve a fluid and pleasant experience.

Desktop (please complete the following information):

  • OS: [Linux]
  • Browser [Firefox, chrome]
  • Version [68, 76]
wontfix ☔ has workaround

Most helpful comment

Both the links provided here are broken

All 3 comments

Try using Validation Components instead of the v-validate directive. The directive will be dropped in v3 due to performance and an overall poor experience for both devs and users.

There is an example here for Vuetify

Thank you. I confirm that this solves the slowness.

Both the links provided here are broken

Was this page helpful?
0 / 5 - 0 ratings

Related issues

jagasan picture jagasan  Â·  3Comments

7immer picture 7immer  Â·  3Comments

parweb picture parweb  Â·  3Comments

MeltedFreddo picture MeltedFreddo  Â·  3Comments

Hoagiex picture Hoagiex  Â·  3Comments