分页器获取数据bug

问题描述:

提示:使用element-ui的分页器时不在第一页搜索就搜不到东西

例如:在第一页搜索没问题 但是当我到第二页的时候去搜索就搜不到值了


原因分析:

搜索事件就是重新调一次接口,这是传给后台的页数和条数就是默认的,数据不在第一页,所以就会出现不在首页搜索就会无数据:可能是个bug吧


解决方案:

提示:我们可以通过v-if来进行处理

不是说第一页搜索没问题吗 那么我们就可以在搜索前把pageNumber置为1
具体实现代码如下:

在分页器上加上一个v-if条件用一个属性来判断

v-if="pageshow"
//属性初始值时true
//在搜索方法里边写入
this.page.pageNumber = 1;
this.pageshow = false;
//这里写调用获取数据的接口
this.$nextTick(() => {
   this.pageshow = true;
});

获取完接口就展示分页 这样即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值