Vue用v-for循环渲染数组数据,数据更新了,视图并没更新

Vue用v-for循环渲染数组数据,数组数据更新时,视图没有更新

https://img1.mukewang.com/5be152c00001cc6b06100236.jpg

以上是Html代码

https://img.mukewang.com/5be152c8000162d702650132.jpg

以上是JS代码,当我groupArr数据更新时,todos数据也更新了,但是视图并不渲染,只有第一次渲染,以后数据改变也不会渲染
希望各位帮忙解决一下这个问题

婷婷同学_
浏览 5452回答 1
1回答

开满天机

请先看是否遇到了vue文档说的注意的事项注意事项由于 JavaScript 的限制, Vue 不能检测以下变动的数组:当你利用索引直接设置一个项时,例如: vm.items[indexOfItem] = newValue当你修改数组的长度时,例如: vm.items.length = newLength为了避免第一种情况,以下两种方式将达到像 vm.items[indexOfItem] = newValue 的效果, 同时也将触发状态更新:// Vue.setVue.set(example1.items, indexOfItem, newValue)// Array.prototype.splice`example1.items.splice(indexOfItem, 1, newValue)避免第二种情况,使用 splice:example1.items.splice(newLength)
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript