Vue Directive | Listen to External Dom Value Changes
Vue doesn't recognize the input change because the script is directly setting the input value at random intervals using the DOM. So, here's my solution in the form of a directive that will hook into the Element Descriptor and emit an input event so Vue will bind the new value to the form's v-model.
It can use a custom event or other element type as well.
Example (3rd Party Script):
element.value = x //Does not trigger the v-model update