Javascript 在vuejs中,输入事件fire不是';不要在列表中工作

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}] }, 方法:{ 修改:函数(事件,

我使用vuejs的最新版本。我想在用户更改输入后立即触发事件

我尝试了两种方法:

  • 尝试在值更改后立即启动事件(@change=“modify”)

  • 尝试依赖json的数据(如果存在双向数据绑定,则应进行转换)

  • (我更喜欢第一种方法,我只需要检查一个值)

    Tks

    $(文档).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文件上应用修改。