在JS中数组内部值的变化不触发视图更新的浅谈

451 阅读1分钟

问题:

因为Vue的中使用的getter和setter并不会在深层的值上设置,也就是数组的具体每个数值并没有绑定getter和setter,所以在数组内部值改变的时候没有触发视图的更新。

解决方案:

在vue文件中可以使用$set设置数组的值,来绑定setter,就会触发视图的更新了。

#代码如下:

this.$set(list, index, listValue)

参数说明:

list: 需要更新的数组 index: 需要更新的数组内部值的索引 listValue: 更新后的值