via: Vue2与jQuery混用如何共享数据?
使用At.js遇到的问题
作者解释如下:
The reasoning has been explained in the issue linked above - Vue only picks up native events, your plugin is probably firing jQuery-only events. You can simply relay the events manually.
大概的意思是Vue只监听浏览器原生事件,而jQuery改变输入框的值属于jQuery定义的事件,这个Vue是无法监听到的。
我们可以主动通知浏览器进行事件分发,让Vue监听到,做法如下:
el.dispatchEvent(new Event('input'));
如果 v-model 有 lazy
修饰符的话,则通过如下调用:
el.dispatchEvent(new Event('change'));
搞定!