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 
    ) 

}