Errors added after axios request 'auto-clearing'.

Versions:

• VueJs: 2.5.7
• Vee-Validate: 2.1.0-beta.7

Hey everyone!

Im trying to set laravel errors from an axios request to my v validate error bag, apparently the error it’s added correctly but it’s auto cleared immediately.

My code its on a compiled webpack file, for debugging I tried to move this to html script tag and add the error manually from console, this seems to work, so don’t really know what’s happening with that auto clearing after the axios request.

What I’m missing? I have a little gif with the “auto-clearing” (email field) where you can see how it’s set for a moment and then gone

And this is the chunk of code from the axios request, it’s a very simple request so I don’t really have a clue of what is happening.

.catch(error => {
     let requestErrors = error.response.data;
     let errorFields = Object.keys(requestErrors.errors);
     errorFields.map(field => {
          let errorString = requestErrors.errors[field].join(', ');
          this.errors.add({field: field, msg: errorString});
     });
});

Finally, amazing work, keep it good ❤️

[logaretm]

I will need to take a look at your template, can you replicate a version at codesandbox with a mocked API?

Does the latest stable 2.0.9 produce the expected result? or is it broken since then?

[logaretm]

Glad to hear, we can close this for now.