解决 “element分页:删除最后一页的所有数据后,currentPage显示正确,但列表内容为空” 的问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
问题描述:
当表格有多页数据,并且末尾页只有一条数据时,删除末尾页的数据之后,数据列表为空,但是当前页码显示正确,还是直接上图说明吧。
最后一页只有一条数据,删除操作之前如图所示:
删除之后的现象,如图
删除之后页码定位到第10页是没有问题,但是之前第10页有数据,为什么现在列表数据空了呢?
问题排查:
排查发现,在执行完删除操作之后请求了新的数据列表,请求参数如下图
咦?我怎么传的是11呢?不应该传10吗?so…删除后得想办法及时更新掉page的值,再去请求列表数据
解决办法
分页设置:
data设置
请求列表参数
删除成功之后重置currentPage
于是,删除第11页最后一条数据时,看到如图效果
完美解决啦! 希望能帮到你们哟!
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献5条内容
所有评论(0)