解决element el-pagination分页最后一页数据清空了页码显示正确，但是列表为空

问题：

使用element的el-pagination分页组件，最后一页的数据删除后页码会显示成上一页（正确的），但是列表显示无数据（其实是有），如图：

把15页的两条数据删掉

页码变为14，但是列表为空

解决：数据减少后对页码进行重置

代码：（以下是删除操作）

API.batchImportAPI(url, params).then(response => {const res = response.data.dataif (response.data.flag === 'success') {this.$successMsg('操作成功')// 数据删除后重置当前页码// selectData为删除的数据数组// 计算操作后的总页数const totalPage = Math.ceil((this.total - selectData.length) / this.pageSize)// 原本点击的页码是否超出了操作后的总页数，若超出设当前点击的页码为最后一页，若没超 页码不变const currentPage = this.currentPage > totalPage ? totalPage : this.currentPage// 设置的当前页码是否小于1，若小于则设当前页码为1，若不小于1 则采用计算的页码this.currentPage = currentPage < 1 ? 1 : currentPagethis.getTableData() // 重新获取列表} else {this.$errorMsg(res)}}).catch(error => { this.$errorMsg('' + error) })

结果：

成功显示前一页数据

解决element el-pagination分页最后一页数据清空了页码显示正确，但是列表为空相关推荐

word2007-2010排版中解决段后插入分页符新页首行空行问题
word2007-2010排版中,很多人都会遇到这个问题.当你在段后插入分页符想开启新的一页的时候,新页首行有个空行.如果删除,会连同分页符一起删除.不删除有影响排版美观.那怎么解决呢: 解决办 ...
linux怎样标识空设备,Linux系统命令------Ubuntu下解决adb设备列表为空
1:sudo apt-get install adb 安装adb工具手机打开开发者选项 2:adb devices 解释一下这一行输出 Bus 001 表示第一个USB主控制器(HOST) , 可以 ...
暗黑游戏服务器列表为空,传奇单机版colon;暗黑破坏神2 服务器为空 | 手游网游页游攻略大全...
发布时间:2015-12-15 是一款非常有创意的游戏,很适合暗黑迷和传奇迷们游戏.但是安装步骤比较繁琐,下面小编就把这个游戏的具体安装步骤献给大家. 第一步:安装DBC 2000程序在游戏下载文件 ...
示例解决：outlook设置规则时，选择脚本列表为空，无法选择自己编写的脚本
前置条件:outlook要开启运行脚本的注册表值,方法可见:https://social.technet.microsoft.com/Forums/zh-CN/246075d3-0653-4fda-b ...
element ui——Pagination 自定义分页样式
我们可以看到,element ui Pagination分页默认样式直接显示首页 - 中间页 - 末页,但当项目中数据量过大时,用户直接点击最后一页可能会导致后端elk崩溃.项目最后要求不能把 ...
element分页:删除最后一页的所有数据后currentPage显示正确,但列表内容为空以及批量删除为空的问题
文章目录问题描述问题排查问题描述当表格有多页数据,并且末尾页只有一条数据时,删除末尾页的数据之后,数据列表为空,但是当前页码显示正确,还是直接上图说明吧. 最后一页只有一条数据,删除操作之前如 ...
EasyUI的datagrid删除后一页所有数据不自动显示前页数据
今天发现一个关于easyui的问题,一个用datagrid做的列表页面,删除最后一页所有数据后,发现刷新后列表为空,页码仍是这一页,正确的效果应该是加载上一页数据.于是看了代码,发现确认删除是会通过$ ...
【前端】Vue+Element UI案例：通用后台管理系统-用户管理：Table表格增删查改、Pagination分页、搜索框
文章目录目标代码 0.结构 1.按钮-删除 2.按钮-编辑 3.debug 4.样式 5.分页Pagination:功能 6.分页Pagination:样式 7.搜索框:功能 8.搜索框:样式总 ...
解决element 分页组件，搜索过后current-page 绑定的数据变了，但是页面当前页码并没有变的问题
解决element 分页组件,搜索过后current-page 绑定的数据变了,但是页面当前页码并没有变的问题参考文章: (1)解决element 分页组件,搜索过后current-page 绑定的 ...
element el-carousel 轮播图分页，一页显示n条
element el-carousel 轮播图分页,一页显示n条 html <el-carousel trigger="click" height="650px&q ...

解决element el-pagination分页最后一页数据清空了页码显示正确，但是列表为空

问题：

解决：数据减少后对页码进行重置

代码：（以下是删除操作）

结果：

解决element el-pagination分页最后一页数据清空了页码显示正确，但是列表为空相关推荐

最新文章

热门文章