Problem z reaktywnością Vue js podczas aktualizowania obiektów wewnątrz tablicy używanej w v-dla

Question

Mam aplikację przy użyciu vue.js. Generuję listę wyników za pomocą v-for w tablicy obiektów. po zaktualizowaniu obiektu wewnątrz n-tego elementu w tablicy przy użyciu podkreślenia _.rozszerzenie widok projektu nie jest aktualizowany. Jest rozwiązanie tego problemu w http://vuejs.org/guide/reactivity.html co wskazuje użycie _.extend tak:

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

ale problemem jest to, kiedy używam przedłużyć jak to powiedział, że nie aktualizuje widok.

Answer 1

Vue nie może wykryć zmiany po ustawieniu nowego elementu według indeksu tablicy. Aby obejść ten problem, można użyć metody $set(), którą Vue dodaje do tablicy.

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

Więcej informacji here.