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

问题:

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

解决方案:

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

代码如下:
    this.$set(list, index, listValue)
参数说明:

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

你可能感兴趣的:(在JS中数组内部值的变化不触发视图更新的浅谈)