[Vue.js 2]リスト内のオブジェクトを検索してあれば更新する例

IT記事

リストの中のオブジェクトを検索して、あればそのオブジェクトを更新するにはどうしようかな、となって以下のように書いた。

// findIndexで同じIDを検索
let idx = this.tableData.list.findIndex((item)=>item.id === result.data.updateLinkData.id);
// あれば index部分をspliceで置き換える。
if (idx != null) {
    this.tableData.list.splice(idx, 1, result.data.updateLinkData);
}
    

findIndexでIndexを探して、splliceで置き換える。

Vueでは、dataの変更をして、変更の結果がすぐにview側に反映されるようにするには、指定された関数を使う必要がある。今回はsplice

参考: https://jp.vuejs.org/v2/guide/list.html