elementui的分页中的页面查看详情后返回当前页

列表页

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

然后在mounted中执行这个方法

mounted() {this.getSchoolWebModuleMessageListFunc();
}

再在destroyed中销毁缓存

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

详情页

mounted() {//如果从详情页返回，从缓存中读取当前页码信息。此时缓存是否打开了详情页sessionStorage.setItem("detail",true);
}

elementui的分页中的页面查看详情后返回当前页相关推荐

js中实现页面跳转（返回前一页、后一页）
一:JS 重载页面,本地刷新,返回上一页代码如下: <a href="javascript:history.go(-1)">返回上一页</a> < ...
java跳转页面后再跳回前一个页面_js中实现页面跳转（返回前一页、后一页）
一:JS 重载页面,本地刷新,返回上一页代码如下: 返回上一页重载页面,本地刷新返回上一页重载页面,本地刷新返回前二页并刷新的JS代码应该怎样写. 代码如下: history.go(-2); ...
vue跳转页面之后返回_vue页面跳转后返回原页面初始位置方法
vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原页面的时候在设置返回位置为记录下的 ...
ajax——优化0126（增删改查：添加查看详情，返回结果类型为JSON型，在窗口显示）...
效果: 鼠标点击查看详情时数据库: 0126.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...
vue页面跳转后返回原页面初始位置
vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原页面的时候在设置返回位置为记录下的 ...
基于node.js+MongoDB+elementui的分页接口以及页面实现
一.在准备分页之前,先搭好分页的组件. 这里我已经提前实现了对elementui中分页组件的二次封装,如果想参考分页组件二次封装,详情请看如下链接 ElementUI分页组件的封装_mingY的博客- ...
word取消“在页面视图中显示页面间空白”后，关闭打开又自动勾上
网上搜了一圈没找到方法,可以试下恢复word默认设置首先把word全部关闭. 接着:Win+R,出来运行窗口,粘贴:%appdata%\Microsoft\Templates 回车之后,出来一个文件 ...
Vue.js页面跳转后返回上一页面记录上一页面select选定的值
在当前页面中,选中了某个标签中的问题,然后跳转到问题页面,按返回按钮返回到当前页面,继续选中之前的选中标签实现效果如下图: 实现逻辑如下: 进入当前页面的时候,页面路由为http://localho ...
HTML页面跳转后返回原页面,H5跳转链接之后，返回原界面
H5的发布链接本身是一个网页,当用户从H5的第3页跳转到另一个链接,相当于从一个网页跳到另一个网页,这时如果用户点返回,浏览器会直接让用户访问H5的第一页,而不是访问之前的第3页. 如果要让用户返回时 ...
js实现未登录用户跳转到登录页面登录完成后返回原页面
首先要获取未登录用户浏览的当前页面的路径: var preUrl=window.location.href; 在提示登录的跳转链接里利用url传参: window.open("../logi ...

elementui的分页中的页面查看详情后返回当前页

elementui的分页中的页面查看详情后返回当前页相关推荐

最新文章

热门文章