Is there a way to trigger Vuelidate to re-check a validation?
For example, I have a form field where users can input the name of a remote directory. There is a Vuelidate validation in place that communicates with the server to verify if the directory exists.
validations: {
directory: {
exists(value) {
return checkExistsOnServer(value).then(result => result.directoryExists)
}
}
}
While this validation works when the directory field is updated, other actions within the application may impact whether the directory exists on the server. Therefore, I am seeking a method to manually trigger a re-validation based on different events on the page. How can I force the exists check to run again without altering the value in the directory field?
I initially believed that calling this.$v.directory.$touch() would achieve this, but it does not seem to work as expected. I have also attempted calling $reset() before $touch() without success.
A demonstration of my current unsuccessful attempt can be found in this JSFiddle.