在 vuejs 中，输入事件火在列表中不起作用

Question

我使用的是最新版本的 vuejs。我想在用户更改输入后立即触发事件我尝试了两种方法：尝试在值更改后立即启动事件（@change="modify"）尽量依赖json的数据（如果有双向数据绑定就应该转换）（我更喜欢第一种方法，我只有一个值要检查）塔克斯   $(document).ready(function () {        vuepanier = new Vue({            el: '#panier',            data: {                panier: [{"id":"1612","qty":3},{"id":"1614","qty":1}]            },            methods: {                modifie: function(event, id) {                alert(id);                },            supprime: function(event, id) {                alert(id);            }            }        });    });<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><div id="panier">            <div v-for="item in panier">                <input type="number" v-bind:id="'spinnermod' + item.id" v-bind:value="item.qty"><br/>                <button type="button" class='btn btn-sm text-white texteopaque' v-on:click="supprime($event, item.id);">delete</button>            </div></div>

Answer 1

我想在用户更改输入后立即触发事件

尽快改变输入时触发一个事件，你可以简单地使用v-on:input，或@input在<input/>

这是你要找的吗？

    $(document).ready(function () {

        vuepanier = new Vue({

            el: '#panier',

            data: {

                panier: [{"id":"1612","qty":3},{"id":"1614","qty":1}]

            },

            methods: {

                modifie: function(event, id) {

                alert(id);

                },

            supprime: function(event, id) {

                alert(id);

            }

            }

        });

    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="panier">

            <div v-for="item in panier">

                <input @input="supprime($event, item.id)" type="number" v-bind:id="'spinnermod' + item.id" v-bind:value="item.qty"><br/>

                <button type="button" class='btn btn-sm text-white texteopaque' v-on:click="supprime($event, item.id);">delete</button>

            </div>

</div>