vue__表格分页查询遇到的BUG

时间:2024-03-22 19:36:06

问题:

当你对表格进行搜索时,根据条件多查询几次,若搜索到的数据有较多,可以进行分页;或搜索到的数据较少,不能进行分页。则会出现这种情况,当前页为第二页时,再去搜索第二页中的某条数据,会发现查出来的为空,原因是你查询时传入的当前页码是2 ==》 this.page =2

解决方案:

1、在分页组件el-pagination中,需要写上:current-page="page"

vue__表格分页查询遇到的BUG

2、在进行查询操作时,需要将当前页码参数置为1 ==》(this.page = 1);

vue__表格分页查询遇到的BUG

3、切换分页组件的当前页码时,需要调用获取表格数据的方法

vue__表格分页查询遇到的BUG