Pristine flag not changing when v-model set to null programmatically?

[lucianobosco]

I'm sure I'm missing something here, but I'm facing 2 issues:
1- By setting to null the v-model value with a button, form pristine flag doesn't change
2- I'm not able to reach validationProvider flags to print.

https://jsfiddle.net/luchorengo/cL9dtvym/58/

Any advice will be appreciated

Edit: I've also forked your sample and same result: https://codesandbox.io/s/codesandbox-forked-epn62

[logaretm]

You are using vee-validate v2 which has a different API than v3, upgrading to v3 seems to print the flags correctly.

The pristine flag only changes when the input emits an input event, not when the value changes.

[lucianobosco]

I've replaced the CDN reference to v3 an the issue persists. Please take a look at https://jsfiddle.net/luchorengo/cL9dtvym/65/
Is there any hack to set the validationObserver pristine flag to false on v-model change without @input event? It will be really useful to make this flags reactive as per v-models

I've tried by forcing this.$refs.form.flags.pristine = false but no luck. As soon it changes the flag comes back to true almost immediately.

Thanks

[logaretm]

You can set flags explicitly with setFlags on the validation provider instance:

https://jsfiddle.net/0em7qdy5/1/