Vuejs获得被监视元素

Question

我正在Laravel开一个新的应用程序，我也决定使用Vue。

现在我有一张表显示了从数据库中获取的大量数据。 此表中的一行是Vuejs正在监视的输入字段。

Vue将进行Axios调用以更新数据库中的属性，但我需要获取正在监视的元素的id。该表由Vuejs构建，对象的id传递给元素。

Image 1

Image 2

所以我需要获取元素的ID，但是也存在Vuejs将所有行视为相同元素的问题，因此它将所有行更改为相同的内容。

我希望你们能帮我一点。

Answer 1

在input元素上使用@input事件，并调用方法updateCostPrice($event, id)传递事件，:id作为参数

<input :id="data.store.data_product_id" @input="updateCostPrice($event, data.store.data_product_id)">

<强>脚本

updateCostPrice: _.debounce(
        function(ev, id){
            var inputValue = ev.target.value;

            console.log('new price: ' + inputValue + ' element id: ' + id);
        }, 500
    )

}