Vue js problema di reattività durante l'aggiornamento degli oggetti all'interno dell'array utilizzato in v-for

Question

Ho un'applicazione che utilizza vue.js. Genero un elenco di risultati usando v-for in una matrice di oggetti. quando aggiorno l'oggetto all'interno dell'elemento nth in array, usando underscore _.extend, la vista del progetto non si aggiorna. C'è una soluzione per questo problema http://vuejs.org/guide/reactivity.html che segnala utilizzare _.extend simili:

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

ma il problema è quando uso estendono come dire, non aggiorna la vista.

Answer 1

Vue non è in grado di rilevare la modifica quando si imposta un nuovo elemento in base all'indice di array. Per aggirare questo problema, è possibile utilizzare il metodo $set() che Vue aggiunge all'array.

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

Ulteriori informazioni here.