关于在制作table表格和其分页器,以及搜索/重置按钮时,容易出现的问题以及解决方式

建议页面如下:

问题1

在选中第二页的前提下,进行搜索

出现问题如下,当前页数 2/ 1出现问题,问题原因,this.current的值由于选中为2,点击搜索按钮的时候根据输入框内容重新请求渲染列表的时候,虽然拿到了正确的数据,但是this.current没有改变

解决方式: 搜索按钮触发后修改this.current = 1,从第一页开始

问题2

删除某一页的最后一个数据

会出现问题如下:

出现原因:

删除数据后,重新发送请求获取渲染列表数据,但是由于删除之前this.curren为2

所以在删除数据后,重新请求的列表参数为第2页,每页10个,导致请求到的列表为0

解决方式: 每次发送请求获得渲染列表数据的时候,判断是否当前请求到的列表长度为0

如果是0,判断是否为第一页? 如果不是第一页而且获得列表长度为0,则将this.current 减1

重新发送请求

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值