Javascript 使Vue中的上一页保持活动状态

我目前正在尝试模仿Android应用程序，但遇到了Vuejs

但目前我遇到了一个无法解决的问题。当您滚动其中一个主页（//）上的一个列表并单击某个项目时，我希望保留这些列表的位置，以便用户返回时，不必再次滚动以访问同一项目

我尝试了一些使用

keep alive

属性的方法，但无法理解它是如何工作的。我的应用程序页面当前看起来像这样。我使用

：key=“$route.fullPath”

在您从一部电影转到另一部电影时重新加载详细信息页面

<div id="content">
  <keep-alive>
    <transition :name="transitionName" mode="out-in">
      <router-view :key="$route.fullPath"></router-view>
    </transition>
  </keep-alive>
</div>

<div class="bottom">
  <div class="bottom-bar">
    <md-bottom-bar md-type="shift" md-sync-route>
      <md-bottom-bar-item id="bottom-bar-item-movies" md-label="Movies" to="/movies"
                          md-icon="movie"></md-bottom-bar-item>
      <md-bottom-bar-item id="bottom-bar-item-tvshows" md-label="TV Shows" to="/tvshows"
                          md-icon="tv"></md-bottom-bar-item>
      <md-bottom-bar-item id="bottom-bar-item-watchlist" md-label="News" to="/news"
                          md-icon="language"></md-bottom-bar-item>
    </md-bottom-bar>
  </div>
</div>

详细信息页面有一个带有类型名称及其id的路由，如

/movies/348350

。在详细信息页面上有一个按钮，可以使用

this.$router.go（-1）

向后导航

到目前为止，我还没有找到一个简单的方法来实现这一点吗？

根据，

需要在里面：

---

keep alive使组件保持活动状态，而不是页面。也许您应该使用vuex使数据保持活动状态，并在需要时返回时间旅行