问题描述:默认打开页面,分页是1;当点第二页之后再进行筛选位置,没加恢复之前 接口传的页数还是2,返回第二页的数据;
需求:当更改筛选时 添加让页数 更改为默认1;
这时要添加:current-page.sync="pageNo" 当前页
<div class="pagination">
<el-pagination
@current-change="handleCurrentChange"//选第几页事件
background
:page-size="12"
layout="prev, pager, next"
:total="total"
prev-text = " 上一页 "
next-text = " 下一页 "
:current-page.sync="currentPage"//页面展示第几页效果
></el-pagination>
</div>
handleCurrentChange: function(currentPage){
var that=this;
that.currentPage = currentPage;//点击第几页
this.initList()//然后再请求接口获取数据
},
searchPositions(index) {//选择地区
var setslaughterSearch=JSON.parse(localStorage.getItem("setslaughterSearch"));
this.bgChange(".positions", index);
if(index>0){
this.ScityList=this.cityList[index-1].city_id
setslaughterSearch.area_id=this.ScityList
localStorage.setItem('setslaughterSearch',JSON.stringify(setslaughterSearch));
}else{
this.ScityList="",
setslaughterSearch.area_id=""
localStorage.setItem('setslaughterSearch',JSON.stringify(setslaughterSearch));
}
this.currentPage=1 // 主要部分 让选择的第几页恢复为
this.initList() //然后再请求接口获取数据
},
此方法 也可以 做回显页面时设置 存储的页面数;
更多技巧请查看vue专栏 https://blog.csdn/qq_42221334/column/info/27230/1
更多推荐
vue基于elementUi筛选后分页恢复默认第一页(也可用回显页)
发布评论