请问我用vue做的分页，点击当前页跳转路由，然后返回如何记住当前页？

Question

用路由做的跳转$router.push({ name: 'uploadTemplate' }
用element分页做的插件

在第二页点击跳转到uploadTemplate，然后点返回this.$router.back(),如何记住当前页
请各位小伙伴给个思路。

Answer 1

在你需要记住的页面上加一个

<keep-alive>
...
</keep-alive>

加了keep-alive后，beforeEnterRoute 里面的方法就只会执行一次，数据也不会再次获取，然后你想在进入这个页面，每次都执行某个方法的话，就写在activated(){} 这里

Answer 2

推荐使用vuex来解决这个问题

keep-alive有点问题，如果两和路由是同一个组建通过不从参数来请求不同数据，那么keep-alive是不能实现的，因为keep-alive缓存的是组建，页面虽然跳转单组建不变，这些新页面的状态会覆盖上一个页面，keep-alive也回不去了

Answer 3

好深奥啊`

Answer 4

你可以设一个全局变量，然后点击第二页的时候将当前页存进这个变量里，返回的时候再读取这个变量，将当前页设置为储存的值就可以了

export default {
        data() {
            return {
                currentPage: null
            }
        }
}