Vue.js表格前端分页时模糊查询问题记录

Vue.js表格前端分页时模糊查询问题记录

情况说明:
<el-pagination></el-pagination>

(1)用elementde 的以上组件实现表格的前端分页
(2)当模糊查找时(对表格中所有数据进行查找),用filters进行数据筛选
(3)查找第一页数据会正常返回值并且视图正常更新,查找第二页中数据时数据正常返回,但是视图不更新(表格中显示无数据)。

问题解决:

(1)感觉是vue视图没有及时更新,用尽各种各样办法(强制更新, Vue.nextTick(callback),$set)都无效。
(2)问题发现:在表格中点击第二页时,currentPage=2,查找出来数据返回表格,此时表格的分页参数currentPage仍是2,但是有可能查找出来的数据条数过少,第二页就没有值,所以视图会显示无数据。
(3)解决方法:查找方法中添加:this.currentPage = 1,让视图显示表格第一页数据。
——————————————————————————————————————
写的乱起八糟的,因为代码在内网无法截图,只是记录一个让我头秃苦想了半天的Bug,有什么问题欢迎留言!!!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值