postgresql - Vuejs 获取监视元素的 id

Question

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

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

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

Image 1

Image 2

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

希望大家能帮帮我。

Answer 1

在输入元素上使用 @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
    )

}