bug修复-列表数据的分页异常处理

286 阅读1分钟

问题复现

如果删除最后一页的最后一条数据之后,页面会显示不正常
在这里插入图片描述

原因

如果删除最后一页(假设是第8页)的最后一条数据之后,再发请求,还是求的第8页,而此时,后端已经求不到第8 页的数据了(被删除了)。

思路

在删除成功之后,去检测一下,是否当前删除的是当前页最后一条数据,如果是,就把页码-1,再发请求

代码实现

在这里插入图片描述

得出结论

删除时固定要处理的逻辑:删最后一条时,要更新页码

问题描述

在第二页按照某种情况搜索数据时页面渲染错误的问题 (当前页数据不足,会自动跳到上一页)

image.png

这个主要是因为搜索时在第二页,传过去的页码数据为2,但是第二页确实没有数据,所以在搜索时需要设置默认页面为1,也就是说每次搜索时显示的都是第一页的数据

解决方案如下

    // 搜索
    handleSearch() {
      this.queryParam.current = 1
      this.getData()
    },