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

标签 javascript arrays underscore.js javascript-objects vue.js

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

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

但问题是当我像它说的那样使用扩展时,它不会更新 View 。

最佳答案

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

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

更多信息 here .

关于javascript - 更新 v-for 中使用的数组内的对象时,Vue js react 性问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35254057/

相关文章:

javascript - sails.js + underscore.js 无法将哈希项添加到数组中

javascript - 通过 JSON 文件创建大型客户端 Javascript 对象数组的替代方案?

javascript - 无法读取未定义的属性 'isDirectory'

arrays - 世界上最快的可穿越实例是什么

javascript - 如何使用 Underscore.js 模板中的数据渲染 Url.Action?

javascript - 为什么这个 lodash 模板会抛出语法错误?对我来说看起来不错

javascript - 为 HTML5 验证创建一个 polyfill

javascript - JS正则表达式匹配字符串中的所有单词

c - 将整数存储在 char 数组中

javascript - Javascript 数组中的动态串联