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

 叶斯琪147- 发布于 2022-11-27 15:24

Vue用v-for循环渲染数组数据,数组数据更新时,视图没有更新以上是Html代码

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

2 个回答
  • 是2.0吗?

    <img :src="todo.team_logo">
    2022-11-27 15:30 回答
  • 请先看是否遇到了vue文档说的注意的事项

    注意事项

    由于 JavaScript 的限制, Vue 不能检测以下变动的数组:
    当你利用索引直接设置一个项时,例如: vm.items[indexOfItem] = newValue
    当你修改数组的长度时,例如: 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)
    

    注意事项

    2022-11-27 15:30 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有