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

IT記事

Vueでは、dataの変更をするとき、更新がview側に通知されるようにいくつかの関数を使って処理をする必要がある。

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

で、リストの中のオブジェクトを検索して、そのオブジェクトを書き換えるにはどうしようかな、となって以下のように書いた。

      let idx = this.tableData.list.findIndex((item)=>item.id === result.data.updateLinkData.id);
      if (idx != null) {
        this.tableData.list.splice(idx, 1, result.data.updateLinkData);
      }
    

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