Vue实现页面跳转上一页面不刷新

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue实现页面跳转上一页面不刷新相关的知识，希望对你有一定的参考价值。

step1：配置路由缓存

export default new Router({ routes: [ { path: '/hello',      name: 'hello', meta: { keepAlive: true // 需要缓存 } }  ],  })

step2:配置App.vue文件中的的<router-view/>

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

step3：使用this.$router.back()返回

按钮的返回事件 this.$router.go(-1)换成this.$router.back()

以上是关于Vue实现页面跳转上一页面不刷新的主要内容，如果未能解决你的问题，请参考以下文章