vue基于elementUi筛选后分页恢复默认第一页(也可用回显页)

问题描述：默认打开页面，分页是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