天天看点

解决 “element分页:删除最后一页的所有数据后,currentPage显示正确,但列表内容为空” 的问题

问题描述:

当表格有多页数据,并且末尾页只有一条数据时,删除末尾页的数据之后,数据列表为空,但是当前页码显示正确,还是直接上图说明吧。

最后一页只有一条数据,删除操作之前如图所示:
      
解决 “element分页:删除最后一页的所有数据后,currentPage显示正确,但列表内容为空” 的问题
删除之后的现象,如图      
解决 “element分页:删除最后一页的所有数据后,currentPage显示正确,但列表内容为空” 的问题

删除之后页码定位到第10页是没有问题,但是之前第10页有数据,为什么现在列表数据空了呢?

问题排查:

排查发现,在执行完删除操作之后请求了新的数据列表,请求参数如下图

解决 “element分页:删除最后一页的所有数据后,currentPage显示正确,但列表内容为空” 的问题

咦?我怎么传的是11呢?不应该传10吗?so…删除后得想办法及时更新掉page的值,再去请求列表数据

解决办法

分页设置:

解决 “element分页:删除最后一页的所有数据后,currentPage显示正确,但列表内容为空” 的问题
解决 “element分页:删除最后一页的所有数据后,currentPage显示正确,但列表内容为空” 的问题
于是,删除第11页最后一条数据时,看到如图效果