Pristine flag: how to wait until data is loaded before running validatorObserver

[lucianobosco]

Versions

• vee-validate: 3.4.5
• vue: ~2.6.6

I trying to find a way to wait until data is fetched before validationObserver runs.
This is a usual case where form data is loaded from an axios.get() call, but as expected, as soon the data is fetched and models are hydrated the validationObserver flag pristine is set to false which, in my case, enables the SAVE button despite no changes were made.
I saw some advices about using $nextTick but I don't see any method for pausing or resuming the observer for v3.
I'd like to avoid fetching form data on beforeRoutEnter or any hook that forcibly stops rendering my component until data is loaded.
Any advice will be appreciated.

Thanks in advance

[logaretm]

This $nextTick won't work here because your data is loaded asynchronously.

You have two options here:

Either you reset the form once the data is loaded (reset may need to be wrapped with $nextTick)

Or hide the form with v-if until the data is fully loaded from the API

[lucianobosco]

Thanks! In fact, I've found that password fields were setting the pristine flag to false because Chrome's autocompleting. As soon I forced to disabled the autocomplete for password inputs the observer worked as expected, even with no need to perform a reset.

[logaretm]

That's great to hear marking this as answered then