Calling $validator.validateAll() marks clean fields as dirty
console.info(this.$validator.fieldBag.dirty()) // false
$validator.validateAll() // no errors
console.info(this.$validator.fieldBag.dirty()) // true
I just ran into this too. Using vue-router, it doesn't look like there is any way to get vee-validate to automatically validate fields when the routed component is mounted. I had to manually call validateAll() in the mounted hook and now my untouched fields are all marked dirty. Is there any way to get vee-validate to play nice with vue-router so I don't have to do this?
Currently, the validator doesn't use proper listeners for the flags, I hope to fix this sometime next week.
This is now fixed, flags and classes have their own event cycles. should be up in the next release.
Most helpful comment
This is now fixed, flags and classes have their own event cycles. should be up in the next release.