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 
    ) 

}