列表页:
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);