javascript - Vuejs2: 配列が変更されたときに配列の計算されたプロパティを再レンダリングする方法

Question

私は List という名前の配列を持っており、彼のために計算されたプロパティcomputerListを作成しました。配列の値を更新すると、html には表示されませんが、コンソールでは thar 配列が更新されていることがわかります。

`https://jsfiddle.net/apokjqxx/69/`   

配列に計算されたプロパティを使用する最良の方法は何ですか?

計算されたプロパティを再レンダリングするようにトリガーする方法が存在する可能性がありますか?

Answer 1

JavaScript の制限により、Vue は次のような配列への変更を検出できません。this.list[1] = 'vueman'

以下のように、リアクティブ システムで状態の更新をトリガーするには、ここで説明されているようにVue.setorを使用する必要があります。vm.$set

  this.$set(this.list, 1, 'vueman')

ここで更新されたフィドラーを参照してください。