Question

关于vue+Element-ui项目分页刷新不停留在当前页码bug解决

Answer 1

使用 pagination 组件进行分页时 ，
问题一：点击其他页码时刷新浏览器，页码默认跳转回到了第一页并没有停留在当前页码。
问题二：如果你并不是在第一页进行数据搜索分页，那么当你返回当前页，页面数据为离开时的数据，但页码显示为第一页，此时你再次点击刚才的页码，两页数据为一致，出现页码数据重复。

利用 localStorage 或者 sessionStorage 将跳转页面前的 currentPage 存储起来，当再次返回当前页的时候，在 created 生命周期里，获取到存储的 currentPage ，再进行加载，从而保持页面的一致性。

加入 v-if="pagination.total != 0 是为了防止，取得总条数 total 之前， element-ui 的分页组件先行在页面加载完毕，导致 total 初始化默认为0，当总条数为0的时候，分页组件的页码默认为1。并且当 total 在 created 生命周期里正确取到数据后，分页组件也不会刷新。所以这就导致， 页面内容正确，但是页码高亮依旧是第一页。