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().