Vue v-model 与 jQuery $.val() 冲突,Daemonite's Material UI 的 datepicker 使用
问题
- 在使用 $.val() 对一个input进行赋值时,只会解决 onchange事件
- 在使用 v-on:change 对该事件进行绑定时,发现无法监听到 change 事件
- v-model使用的是 input 事件而不是 change 导致 v-model 无法正常工作
解决办法
v-model 可以解决, 只需要在 change 事件中 触发一下 input 事件就好了。
$('#expire-date').on('change', function () {
this.dispatchEvent(new Event('input'))
})