keep-alive路由跳转记住滚动位置，返回时回到上次滚动的位置

步骤

app页面

1.
<div id="app">
    <transition :name="transitionName">
      <router-view class="Router" v-if="!$route.meta.keepAlive"></router-view>
    </transition>

    <!--keep-alive到下一页面 在返回 保留之前位置 -->
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
</div>

2. 给路由页面加 meta 
 {
        path: '/video',
        name: 'video',
        component: (resolve) => require(['@/pages/index/video'], resolve),
        meta: {
          // title: 'video',
          keepAlive: true
        }
  },

3.在routes[]后面加
 routes: [],
 
 scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      if (from.meta.keepAlive) {
        from.meta.savedPosition = document.body.scrollTop
      }
      return { x: 0, y: to.meta.savedPosition || 0 }
    }
 }
 

4.在路由加 mode: 'history',
export default new Router({
  mode: 'history',


  routes: [],
})

5.在返回按钮的事件里 跳转方式使用

history.back()