vueで使用されている配列内でオブジェクトを更新するときの反応性の問題

Question

vue.jsを使用するアプリケーションがあります私はオブジェクトの配列でv-forを使って結果のリストを生成します。 配列のn番目の項目の中のオブジェクトをアンダースコア_.extendで更新すると、プロジェクトのビューは更新されません。 あり、このよう_.extend使用することを示しhttp://vuejs.org/guide/reactivity.htmlで、この問題の解決策です：

this.results.displayed[key] = _.extend({}, this.results.displayed[key], detail.items); 

は、私はそれはそれはビューを更新しない、言ったように拡張を使用する場合の問題があります。

Answer 1

アレイインデックスで新しい項目を設定すると、Vueは変更を検出できません。この問題を回避するには、Vueが配列に追加する$set()メソッドを使用できます。

var newObject = _.extend({}, this.results.displayed[key], detail.items); 
this.results.displayed.$set(key, newObject); 

詳細情報here。