vue实现返回上一页面，页面停留在刚刚跳转的位置

欧清辣哨

1.配置路由缓存  keep-alive
<div id="app">

<!--页面返回不刷新-->

<keep-alive>

<router-view v-if="$route.meta.keepAlive"></router-view>

</keep-alive>

<router-view v-if="!$route.meta.keepAlive"></router-view>

</div>

</template>



const router = new Router({
  // mode: 'history',  //去掉url中的#
  routes: [
    {
      path: '/',
      redirect: 'login',
      component: login,
      meta: {
        keepAlive: false // 不需要缓存
      }
    },
    {
      path: '/login',
      name: 'login',
      component: login,
      meta: {
        keepAlive: true // 需要缓存
      }
    },

2，使用this.$router.back()返回
当用户在详情页点击返回的按钮时，我们把按钮的返回事件 this.router.go(-1)改成   this.router.back().