javascript - jQuery修改input的val能否触发v-model的更新

问题描述

问 题

现在有需求，希望能通过jQuery修改input的值，并且能触发相关数据的更新，能不能办到。比如

$("input").val(2333);

我的需求比较奇葩啊，页面上有循环出来的大量input框，而这些input框需要通过一个自定义的键盘来输入。用jQuery的话只要在需要修改的input上打标记，然后再改它的值就行。只用vue的话目前没想到有啥简单的方法来实现。

现在的想法是，实在不行就在每个input上打上数组的维度标记，然后用jQuery根据维度去data中修改对应的值。这么一来就有点麻烦了

解决方案

可以的，需要在设置完之后触发一下事件:

$("input").val(2333)
//触发一下该input的input事件
$("input")[0].dispatchEvent(new Event('input'))

v-model 只不过是个语法糖，底层还是监听的input事件

这篇关于javascript - jQuery修改input的val能否触发v-model的更新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！