javascript - Vuejs2:如何在数组更改时重新渲染数组计算属性

Question

我有一个名为 List 的数组，并为他创建了计算属性 computedList。当我更新数组的值时，它没有显示在 html 中，但在控制台中我看到 thar 数组已更新。

`https://jsfiddle.net/apokjqxx/69/`   

为数组使用计算属性的最佳方式是什么？

也许存在触发重新渲染计算属性的方法？

Answer 1

由于 JavaScript 的限制，Vue 无法像这样检测对数组的更改:this.list[1] = 'vueman'

您必须按照说明使用 Vue.set 或 vm.$set here触发 react 系统中的状态更新，例如:

  this.$set(this.list, 1, 'vueman')

查看更新的 fiddler here .