Vuejs2:如何在数组更改时重新呈现数组计算属性

Question

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

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

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

也许存在触发重新呈现计算属性的方式？

Answer 1

由于JavaScript的限制,Vue无法检测到对数组的更改,如下所示: this.list[1] = 'vueman'

您必须使用Vue.set或vm.$set按照此处的说明触发反应系统中的状态更新,如下所示:

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

在这里看到更新的提琴手.