vue.jsのオブジェクトの更新を追跡します

Question

vue.jsにオブジェクトの配列があります。各オブジェクトはモデルです。私はすべての更新されたオブジェクト（更新された値だけでなく）を追跡したいので、更新されたデータをサーバーにプッシュするための大きな「保存」ボタンを持つことができます。

目的は、更新されたモデルのみをプッシュすることです。配列に1000の行がある場合は、1000の更新をサーバー（データベース）にプッシュするのではなく、編集したものだけをプッシュします。いくつかのコード

<ul> 
    <li v-for="item in items" :key="item.id"> 
     <input v-model="item.title" /> 
    </li> 
</ul> 

Answer 1

と

更新

おかげで、あなたがオブジェクトにeditedTitle: ''プロパティを追加し、v-modelとして設定します。

入力タイトルが

<ul> 
    <li v-for="item in items" :key="item.id"> 
     <input v-model="item.editedTitle" @blur="addToUpdated(item)/> 
    </li> 
</ul> 

data(){ 
    return { 
     items;[], 
     updatedItems:[] 
    } 
} 
methods:{ 
    addToUpdated(item){ 
     if(item.title !== item.editedTitle){ 
      this.updatedItems.push(item); 
     } 
    } 
}