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

最新推荐文章于 2022-11-28 12:35:31 发布
最新推荐文章于 2022-11-28 12:35:31 发布
阅读量363 收藏 1
点赞数 3
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46185369/article/details/120952535
版权

问题复现

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

原因

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

思路

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

代码实现

在这里插入图片描述

得出结论

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

喜欢读书的三金
关注
专栏目录
Spring Cloud版本升级及常见异常处理
花瓣戏雨
06-30 1144
基于Spring Cloud 2022.0.0和Spring Boot 3.0，适配了生态中原有的注册配置中心、分布式消息等诸多组件，属于大改版。 本次发布的Spring Cloud Alibaba 2022.0.0.0-RC1版本适配了以下组件版本： RocketMQ：客户端适配版本为4.9.4版本，提供轻量级消息队列、延迟消息异步发送功能等诸多特性。 Sentinel：客户端适配版本为1.8.6版本。 该版本调整了Sentinel规则类中的属性，将javax.*包下的相关基础类替换为jakarta.*包
android 整个页面方向,Android 网格分页布局 pager-layoutmanager
weixin_36284062的博客
05-25 469
PagerLayoutManager具有分页功能的 Recyclerview 布局管理器，主打分页，可以替代部分场景下的网格布局，线性布局，以及一些简单的ViewPager，但也有一定的局限性，请选择性使用。1. 效果预览 2. 支持的特性[x] 网格布局，设置合适的行列数可以模拟线性布局或者ViewPager。[x] 分页效果，支持自动回调页码的变化(总页数和当前页数)。[x] 布局方向，支持...
前端(手机端)分页浏览数据，删除数据后，要怎么处理
坐等夕阳落time的博客
05-30 1352
前端(手机端)分页浏览数据，删除数据后，要怎么处理
37、分页功能维护（删除bug（在删除最后一条数据页面显示有问题））
分享java学习路上的一些笔记，不足之处多多见谅。
10-23 171
分页功能维护（删除bug（在删除最后一条数据页面显示有问题））问题是如果我们删除的是第三页的最后一个数据，我们就应该显示第二页页面，而不是第三页的空页面第一步： 第二步：强转类型（page.getPages()是int类型，而前面的getPage是long类型） 小结：
删除数据时，分页出现的小问题
m0_58861443的博客
08-21 471
删除数据时，分页出现的小问题 (如果页面中只剩一条数据。做删除后，重新渲染时，请求的仍然是这个页面的数据，就会出先No Data） ```js // 做删除时要携带id async doDel(id) { const res = await delEmployee(id) // 判断这页数据是否等于1 if (this.list.length === 1) { // 等于1 删除时页码要减1 this.queryParams.page– if (this.queryParams.page <= 0)
解决 “element分页：删除最后一页的所有数据后，currentPage显示正确，但列表内容为空” 的问题
有问题可关注公众号：前端研究院 后台输入问题回复
05-21 721
问题描述： 当表格有多页数据，并且末尾页只有一条数据时，删除末尾页的数据之后，数据列表为空，但是当前页码显示正确，还是直接上图说明吧。 最后一页只有一条数据，删除操作之前如图所示： 删除之后的现象，如图 删除之后页码定位到第10页是没有问题，但是之前第10页有数据，为什么现在列表数据空了呢？ 问题排查： 排查发现，在执行完删除操作之后请求了新的数据列表，请求参数如下图 咦？我怎么传的是11呢？不应该传10吗？so…删除后得想办法及时更新掉page的值，再去请求列表数据解决办法
php列表删除后如何继续分页,PHP操作redis实现的分页列表，新增，删除功能封装类与用法示例...
weixin_29360387的博客
03-28 106
本文实例讲述了PHP操作redis实现的分页列表，新增，删除功能封装类与用法。分享给大家供大家参考，具体如下：
修复Ext3.0.0中自定义分页的小bug
05-26
描述中提到的“NULL”可能意味着在修复这个bug时，开发者可能遇到了空指针异常，这通常是由于未初始化的对象引用或已删除对象的引用所导致的。在JavaScript中，如果尝试访问或操作一个值为`null`或`undefined`的对象...
ios-仿购物车(修改bug之后).zip
07-11
8. **错误处理与bug修复**： - 文件名提到已修复bug，这可能涉及到如数据同步问题、界面更新延迟、内存泄漏等常见问题。 - 良好的错误处理代码可以防止程序异常崩溃，并向用户提供有用的反馈信息。 综上所述，这...
Java+Swing+mysql5实现学生成绩管理系统(带分页)
06-17
10. **测试**: 在反复测试阶段，开发者会进行单元测试、集成测试和系统测试，确保每个功能都能正常工作，同时检查系统是否满足需求，查找并修复潜在的bug。 通过以上技术的综合运用，"Java+Swing+mysql5实现学生...
vue中如果解决列表删除最后一页暂无数据bug
最新发布
shi15926lei的博客
11-28 747
vue中如果解决列表删除最后一页暂无数据bug
分页查询时,由于数据的插入,删除等操作,显示脏数据(即重复数据)的问题的解决思路
失意渔翁
08-19 3009
问题描述: 对于分页查询,传统的写法是这样的: select * from user limit 0, 4 order by id; 这样存在的问题是 若数据库的数据不断的更新, (默认倒序显示到前台),则前台 点击下一页时 则会 显示出已经显示过的重复的数据(脏数据), 原因是 不断新插入(或 删除)的数据 导致数据的动态变化,MySQL的limit 的每次执行,都 实时的得到了最新的查询结...
element表格列表分页数据删除最后一条数据显示暂无数据问题
Ling_jing20的博客
04-05 1877
data() { return{ miniappItemListQuery:{ pageIndex: 1, // 页码值 pageSize: 10 // 每页显示条数 } total：0 // 总数据条数 } } // 总页数-当前页数 < 1 // 当为最后一页删除最后一条数据时候pageIndex-1,为解决...
DataGride中删除记录时分页错误的解决代码
风雨无阻学习之路
10-09 846
DataGride中删除记录时分页错误的解决代码在删除数据代码后添加如下的代码：if((this.mydatagrid.CurrentPageIndex==this.mydatagrid.PageCount-1)&&(this.mydatagrid.Items.Count==1)){if(this.mydatagrid.CurrentPageIndex-1>1)this.mydatagri
5.1 linux内存管理-分页管理和页异常处理
kayshi的博客
02-09 1227
1：信息 linux - 0.11 memory.c 2: 代码 //显示内存已用完出错信息，并退出 static inline volatile void oom(void) { printk("out of memory\n\r"); do_exit(SIGSEGV); //退出码SIGSEGV（11）相同值的出错码含义是：资源暂时不可用 } //刷新页变换缓冲（一般位于cache中的TLB）宏函数 //为了提高地址的转换效率，cpu将最近使用的页表数据存放在芯片中高速缓冲中。在修改过页表信息后，就
vue项目中表格删除数据页码显示注意点
weixin_33898876的博客
01-01 704
在做管理系统的过程中，想必大家都接触过表格的增删改查吧，最近我在项目中发现，对于表格删除和批量删除时，有个细节项目组的前端开发并没有注意到，显然也没有去处理，测试人员居然也没去测试这个场景。当我们表格切换页码至最后一页时，有两种场景。1、只有一条数据时，点击表格中删除按钮或者全选点击批量删除，2、多条数据全选点击批量删除。删除的时候我们需要对当前页码进行一个处理，要不然会显示异常。如下图场景一：只...
SpringBoot在删除数据后进行分页查询无数据问题
qq_53925547的博客
11-15 501
在删除当前页面最后一个数据时，进行分页查询，查询暂无数据。
管理系统列表页，删除列表项时，如果当前页只有一项，删除后分页器跳转到前一页
a458651114的博客
05-21 655
基于Vue+ElementUI 封装的代码： /** * this.total：data中定义的属性，用于保存列表总数 * this.form: data中定义的属性，请求列表接口时传递的参数 * this.form.pageSize: this.form中的属性，用于保存每页显示的最大列表数 * this.form.pageNum: this.form中的属性，用于保存当前页码 */ let totalPage = Math.ceil((Number(this.total) - 1) / this.for
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值