Javascript 在vuejs中,输入事件fire不是';不要在列表中工作
我使用vuejs的最新版本。我想在用户更改输入后立即触发事件 我尝试了两种方法:Javascript 在vuejs中,输入事件fire不是';不要在列表中工作,javascript,vue.js,Javascript,Vue.js,我使用vuejs的最新版本。我想在用户更改输入后立即触发事件 我尝试了两种方法: 尝试在值更改后立即启动事件(@change=“modify”) 尝试依赖json的数据(如果存在双向数据绑定,则应进行转换) (我更喜欢第一种方法,我只需要检查一个值) Tks $(文档).ready(函数(){ vuepanier=新的Vue({ el:“#panier”, 数据:{ 窗格:[{“id”:“1612”,“数量”:3},{“id”:“1614”,“数量”:1}] }, 方法:{ 修改:函数(事件,
$(文档).ready(函数(){
vuepanier=新的Vue({
el:“#panier”,
数据:{
窗格:[{“id”:“1612”,“数量”:3},{“id”:“1614”,“数量”:1}]
},
方法:{
修改:函数(事件,id){
警报(id);
},
supprime:函数(事件,id){
警报(id);
}
}
});
});代码>
删除
我想在用户更改输入后立即触发事件
要在输入更改后立即触发事件,只需在
中使用v-on:input
,或@input
这就是你要找的吗
$(文档).ready(函数(){
vuepanier=新的Vue({
el:“#panier”,
数据:{
窗格:[{“id”:“1612”,“数量”:3},{“id”:“1614”,“数量”:1}]
},
方法:{
修改:函数(事件,id){
警报(id);
},
supprime:函数(事件,id){
警报(id);
}
}
});
});代码>
删除
不妨看看computed:我用它来做这类事情。上面的链接为您提供了一个它们如何工作的示例。您正在尝试解决什么问题?事件是我们试图避开的,所以如果您可以观察您的模型,而不是DOM输入,这通常是一种更好的方法。监视输入的唯一有效原因是更新模型。@更改似乎工作正常。代码中没有包含更改,但我在JSFIDLE上尝试过,没有问题。您好,我使用了错误的@property。谢谢你的帮助。你知道为什么双向不起作用吗?你说的双向是什么意思?你能解释更多吗?当我修改输入时,我想知道如何在json文件上应用修改。