Vuejs 获取监视元素的 ID

Question

我正在Laravel中制作一个新应用程序，我决定也使用Vue。

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

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

图片 1

图片 2

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

我希望你们能帮我一点忙。

Answer 1

在输入元素上使用@input事件，并在将事件和:id作为参数传递updateCostPrice($event, 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
)
}