vue-element-admin项目开发时,全部数据展示接口可进行搜索字段,所以翻页时只调用全部数据展示接口就可以。
目前项目又提供了搜索接口,在翻页时需要进行判断条件分别调用接口。
主要代码如下(searchForm为搜索接口携带所有参数,searchlist设置null在点击搜索后只赋值搜索框字段)
//搜索
search() {
getsearch(this.searchForm).then((res) => {
if (res.code === 0) {
const { Name, Id, Type} = this.searchForm
this.searchlist = { Name, Id, Type}
}
})
//重置
this.searchlist = null
//翻页
handlePagination(data) {
this.params.pageIndex = data.page
this.page = data.page
if (this.searchlist) {
this.search()
}else {
this.fetchData()
}
}