vue2.0 表格合并数据分页出现数据错乱

问答 / 30 / 4 / 创建于 11个月前

vue2.0 数据合并分页之后数据会出现错乱以及重复数据的现象，后台返回的并没有问题，问题在于分页之后如果出现第一页有一条第二页的数据，第二页的第一条数据会把第二条数据也合并现象

Vue.js

vue2.0 合并table分页之后数据错乱

hidelong

1 声望

暂无个人描述~

0 人点赞

推荐文章：

更多推荐...

博客

vite2-electron-vadmin 一款清爽UI中后台权限管理系统|Electron-Vue3后台 12 / 3 |

博客

基于 Vue2.0 开发的 Lumen IM 在线聊天应用 33 / 15 |

讨论数量: 4

Egoist-Berserker

课程读者 4 声望

接收到后台的数据后你有没有做多过一次数据转换的过程，如果没有就要考虑你表格遍历的时候是不是key出现了问题。

11个月前评论

hidelong （楼主）

后台并没有多做一次数据转换，数据在没有分页的情况下合并是没有问题的，一分页之后就会出现问题。比如第一页的第一条数据有3条数据是合并了3个行，第二条数据也是3条数据合并3行，第三个数据是4条数据合并4行，默认分页一页10条数据。分页之后会出现两个状况，1.第二页会出现重复数据；2.合并的行数会与第一页一致，都是334，不管数据多少

Egoist-Berserker

课程读者 4 声望

首先先确认，你传递页码参数的时候后端给的数据是否已经分页生效。其次对比这两个数据进行一次demo 看看如果你数据写死的情况下是否也有这种问题，有的话大概率就是组件上写得不对了。再细化下去看下到底是前端的数据遍历有问题，还是后端给的数据本身有问题。鉴别数据之间的key和childid是否撞了。

11个月前评论

hidelong （楼主）

后端传出来的数据是没有问题，没有分页之前，循环的数据也是没有问题，就是一分页之后数据就会乱，key值重复了，但修改之后仍然存在数据错乱问题

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

vue2.0 表格合并数据分页出现数据错乱

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

vue2.0 表格合并数据 分页出现数据错乱

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录

vue2.0 表格合并数据分页出现数据错乱