Vue için kullanılan nesne içindeki nesneleri güncelleştirirken Vue js reaktivite sorunu

Question

için vue.js. Bir dizi nesnede v-for kullanarak sonuçların bir listesini oluşturur. Nesnenin içindeki nth öğesinin içindeki diziyi güncellediğimde, altçizgi _.extend kullanarak, proje görünümü güncellenmiyor. Orada böyle _.extend kullanılacağını belirtir http://vuejs.org/guide/reactivity.html bu sorun için bir çözüm:

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

ama bu görünümü güncelleştirmek olmadığını söyledi gibi uzatmak kullandığınızda sorunudur.

Answer 1

Vue, dizi endeksine göre yeni bir öğe ayarladığınızda değişikliği algılayamadı. Bunu aşmak için, Vue diziye ekler $set() yöntemini kullanabilirsiniz.

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

Daha fazla bilgi here.