使用封装的分页组件或element-ui分页组件删除当前页最后一条数据没有跳转到上一页显示暂无数据的bug

前端记事本

于 2022-05-11 10:59:59 发布

阅读量943

点赞数 1

分类专栏：代码健壮性项目遇到的问题及优化 element-ui 文章标签： ui bug elementui

本文链接：https://blog.csdn.net/gaoyu007/article/details/124705446

版权

项目遇到的问题及优化同时被 3 个专栏收录

21 篇文章 3 订阅

订阅专栏

代码健壮性

6 篇文章 0 订阅

订阅专栏

element-ui

4 篇文章 0 订阅

订阅专栏

本文介绍如何修复在使用封装分页组件或Element-UI分页时，删除当前页最后一条数据后页面未自动跳转并显示'暂无数据'的bug。提供了两种解决方案，包括手动调整页数和避免v-show/v-if引起的显示问题。

摘要由CSDN通过智能技术生成

使用封装的分页组件或element-ui分页组件删除当前页最后一条数据没有跳转到上一页显示暂无数据的问题
解决方案1：

  // 删除当前页面最后一条数据后之前数据不显示
      //pConfig是我的分页组件  table是我的列表
      let totalPage = Math.ceil(
        this.$refs.table.totaled / this.$refs.table.pConfig.pageSize
      )
      let pageNum =
        this.$refs.table.pConfig.pageNum > totalPage
          ? totalPage
          : this.$refs.table.pConfig.pageNum
      this.$refs.table.pConfig.pageNum = pageNum < 1 ? 1 : pageNum
      //手动跳转为方式一