vue 分页跳转页面详情，返回记住当前点击第几页

列表页：

mounted 调用：

 

mounted() {
    this.getSchoolWebModuleMessageListFunc();
  },

 

methods中，定义：

getSchoolWebModuleMessageListFunc(){
　　　　//当从详情页返回的时候，先获取详情页中存下来的detall标识，在列表页中，把获取到的分页页码重新赋值赋值，用以返回前的页面，保持不变
      if(sessionStorage.getItem('detail')){
        // console.log(Number(sessionStorage.getItem("currentPage")));
        //如果有这个就读取缓存里面的数据
        this.pageNo=Number(sessionStorage.getItem("currentPage"));
        this.currentPage4 = Number(sessionStorage.getItem("currentPage"));
      }else{
        this.pageNo=1;
        //这个主要是从其他页面第一次进入列表页，清掉缓存里面的数据
        sessionStorage.removeItem("currentPage");
      }
    }

在分页的 handleCurrentChange 中，点击切换分页页码，获取当前点击的是第几页：

handleCurrentChange(val) {
      // console.log(val);
      this.pageNo = val;
      sessionStorage.setItem('currentPage',val);
    }

　　离开页面时候，清除：

destroyed(){
    sessionStorage.removeItem("detail");
  },

详情页：

初始化数据的时候，设置标识： sessionStorage.setItem("detail",true);