Vue 不能检测变动的数组情况

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 不能检测变动的数组情况相关的知识,希望对你有一定的参考价值。

由于 javascript 的限制,Vue 不能检测以下变动的数组:

  1. 当你利用索引直接设置一个项时,例如:vm.items[indexOfItem] = newValue
  2. 当你修改数组的长度时,例如:vm.items.length = newLength

为了解决第一类问题,以下两种方式都可以实现和 vm.items[indexOfItem] = newValue 相同的效果,同时也将触发状态更新:

// Vue.set
Vue.set(example1.items, indexOfItem, newValue)
// Array.prototype.splice
example1.items.splice(indexOfItem, 1, newValue)

为了解决第二类问题,你可以使用 splice

example1.items.splice(newLength)



 

以上是关于Vue 不能检测变动的数组情况的主要内容,如果未能解决你的问题,请参考以下文章

Vue不能检测的数组变化 对象变化

vue 数组渲染问题

☀️Vue2.0为什么不能检查数组的变化?又该如何解决?

☀️Vue2.0为什么不能检查数组的变化?又该如何解决?

Vue 响应式总结

vue 不能监测数组长度变化length的原因