更新v-for中使用的数组内的对象时的Vue js反应性问题

Question

我有一个使用vue.js的应用程序.我在对象数组中使用v-for生成结果列表.当我更新数组中第n项内的对象时,使用下划线_.extend,项目视图不会更新.http://vuejs.org/guide/reactivity.html有一个解决此问题的方法,它表示使用_.extend,如下所示:

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

但问题是当我使用像它说的扩展时,它不会更新视图.

Answer 1

按数组索引设置新项目时,Vue无法检测到更改.要解决此问题,您可以使用$set()Vue添加到数组的方法.

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

更多信息在这里.