vue 路由跳转记住滚动位置，返回时回到上次滚动位置

第一步：写到App.vue组件中

    <keep-alive>

      <!-- // 缓存组件跳转的页面  -->

        <router-view  v-if="$route.meta.keepAlive" class="ui-view" transition-mode="out-in"></router-view>

    </keep-alive>

    <!-- // 非缓存组件跳转页面 -->

    <router-view v-if="!$route.meta.keepAlive" class="ui-view" transition-mode="out-in"></router-view>

第二步：引入到router路由中

    meta: {
      keepAlive: true    //需要缓存
    }

第三步：写在路由里，这段代码能解决首页滑动详情页也跟着滑动的问题

 scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
   },

第四步：在详情页跳转首页的那里

把原本跳转的方法this.$router.push改成this.$router.back