How to reset only a single value on this.$validator.reset() event?

Versions:

• VueJs: 2.5.9
• Vee-Validate: 2.0.0-rc.25

Description:

I have a single input and I want to reset only this

<input v-model.trim="role.Name" name="roleName">

But doesn’t works the code below

this.roleName.reset();

and I don’t want reset all inputs with

this.$validator.reset();

Its possible actually?

[logaretm]

Call each.reset() and it should reset the flags and the classes, you would still need to remove the errors yourself though using validator.errors.remove.

You can also do this instead:

const matchOptions = {
  id: any, // if you have the id, otherwise its optional
  name: string, // optional
  scope: string // optional
};

const field = this.$validator.fields.find(matchOptions);
field.reset();
this.$validator.errors.remove(field.name, field.scope);

I know its not in the docs, We will fix that with the new docs. I just pushed an enhancement for this issue, should be up with the next release soon.

[amrut07]

Hi below config worked for me.

const matchOptions = {
        //   // id: field.id, // if you have the id, otherwise its optional
          name: field.name, // optional
          scope: field.scope // optional
        }
        // required to check below condition as unnecessary validation functionality triggered even field has no errors!
        const errorField = _.find(this.$validator.errors.items, ['field', field.name]) ? this.$validator.fields.find(matchOptions) : false
        if (errorField) {
          `errorField.reset()`
          this.$validator.reset(errorField)
        }

By passing errorField in reset function reset that filed validation.