vue 翻页每次从1开始_关于vue+element-ui项目的分页，返回默认显示第一页的问题解决...

问题描述

当前页面如下：

然后点击页码跳到第3页，然后在第三页点击页面链接跳转到新的页面

然后在新页面点击返回按钮，返回到当前页，结果页面分页显示第一页，对应页面内容也是第一页

期望效果

从新页面返回的时候，页码和页面内容仍旧保持在跳转离开前的样子。

解决办法

1.利用localStorage或者sessionStorage将跳转页面前的currentPage存储起来，然后，再次返回当前页的时候，在created生命周期里，获取到存储的currentPage，再进行加载

2.代码解释

我这里用的是sessionStorage，关于sessionStorage的使用，我这边先做下解释，以免后面看不懂。之前开发的时候我是先在全局定义了两个sessionStorage的方法，用于存取值

分页代码

然后将currentPage在每次点击页码的时候存到sessionStorage里

这里解释下，qryTableData()是我定义的请求接口交易，刷新页面内容的方法。

然后在当前页的created生命周期里从sessionStorage里面取currentPage。

这样，我们再返回当前页的时候，页面内容将会是跳转离开前的样子。

但是至此工作仅仅完成一半，因为我们发现这个bug并没有完全解决

问题造成原因

我们返回当前页面取得总条数totalNum的之前