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,有什么问题欢迎留言!!!