I got myself into a jam by using multiple Vue instances throughout my app.
Here's the deal (it's a little complicated).
Now I'm trying to unify all validation that requires ajax to go through one Vue instance. Where it handles: All ajax requests for validation, displays Errors and Warnings, as well as calling validation that doesn't require a server call.
So what's the problem? Some of the validation is done from Vue.js and is triggered on the current validation handler. Which means, that the Object specific Vue based validator instance and the new Vue ajax validation handler instance have to be mounted on the same DOM element. Which means, they conflict and clobber each other. Well one wins, usually the the Object specific one. But even so it's data is gone (v-model specific data). And of course the Vue ajax validation instance is gone.
So what are my options? So far I've come up with:
So, in short, what do I do? I'm in a pickle.