31.elementUI中解决点击查询后翻页查询失效 及查询时页码还在当前页而不在第一页问题

前言:

题目有点长,大概意思就是:

(1)在项目开发过程中,经检查发现,当table表有两页以上时,在第1页点查询是正确的,当点页码2后,table表的数据已经不是查询得到的第2页数据了,而是所有数据中的第二页数据,原因是:我在每条几页改变时触发的函数handleSizeChange和当前页改变时触发的函数handleCurrentChange中直接调了获取数据的方法,这样一来,相当于只要触发这两个函数就会重新刷新表格,查询的数据也就被还原。

(2)第二个问题就是,如果在第3页再次点查询按钮,你得到的是当前页数据所符合查询项的数据,而不是从所有数据中去查询

解决方法:

(1)第一个问题的解决方法就是在前边提到的两个方法里调用查询方法而不是获取数据的方法:

31.elementUI中解决点击查询后翻页查询失效 及查询时页码还在当前页而不在第一页问题

 

(2)第二个问题的解决方法就是给查询按钮的方法重新命名,比如上图中,原本是checkSerciceInfo改为checkSerciceData,然后在checkSerciceData中令this.page = 1,再调用checkSerciceInfo()(当然,上图中调用查询方法的函数不变)

31.elementUI中解决点击查询后翻页查询失效 及查询时页码还在当前页而不在第一页问题