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>

第二步：在设置路由的地方写入

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes,
  scrollBehavior (to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
   },
})

第三步：放到你跳转的页面路由配置里

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

第四步：然后设置跳转

跳转到详情页。详情页this.$router.back('名字')

                                                                        本人亲测，小代码嘎嘎好使