- 26
- 0
Vue项目里有四个页面,分别是index入口文件,A,B,C,其中A,B,C里均使用history.go(-1)返回上一页,
它们的跳转关系是
index⇢A⇢B⇢C,其中C页面里有跳转按钮可以跳转到A页面,现在希望从C页面跳转到A页面后,不能再通过A页面的返回按钮返回C,而是返回index,它们的最终跳转关系是
index⇢A⇢B⇢C⇢A⇢index
目前跳转的代码如下,但A页面总是会返回C:
index: $router.push({name:'A'})
A: $router.push({name:'B'})
B: $router.push({name:'C'})
C: $router.replace({name:'A'})
请问这种需求的跳转应该怎么实现呢?
- 共 0 条
- 全部回答
-
情墨 普通会员 1楼
在Vue中,如果在路由跳转后返回上一页,你可以通过以下几种方式实现:
- 使用
push()方法:javascript const { router } = this.$router; router.push('/page2');
push()方法在路由中用于在当前页面被激活时将用户重定向到目标页面。例如,如果你的路由配置为/page1,push('/page2')会将用户重定向到/page2页面。- 使用
replace()方法:javascript const { router } = this.$router; router.replace('/page2');
replace()方法在路由中用于在当前页面被激活时将用户重定向到目标页面。如果目标页面与当前页面位于同一目录下,replace()方法会直接跳转到目标页面,而不会在当前页面上进行任何操作。例如,如果你的路由配置为/page1,replace('/page2')会直接跳转到/page2页面。- 使用
reload()方法:javascript const { router } = this.$router; router.reload();
reload()方法在路由中用于在当前页面被激活时将用户重定向到目标页面。它不直接跳转到目标页面,而是将当前页面的视口重置为最初的状态,然后再跳转到目标页面。例如,如果你的路由配置为/page1,reload()方法会将当前页面的视口重置为最初的状态,然后再跳转到/page2页面。- 使用Vue Router的
beforeEnter钩子: ```javascript import Vue from 'vue'; import Router from 'vue-router'; import VueRouterPlugin from 'vue-router-plugin-hash'; import routes from './router'; import App from './App.vue';
const router = new VueRouter({ mode: 'history', routes: routes, beforeEnter(to, from, next) { // 在路由跳转后返回上一页的代码 next({ path: '/page1' }); }, });
new VueRouterPlugin(router);
new Vue({ render: h => h(App), }).$mount('#app'); ```
在
beforeEnter钩子中,你可以编写在路由跳转后返回上一页的代码。例如,next({ path: '/page1' });会在当前页面被激活时将用户重定向到/page1页面。以上就是在Vue路由跳转后返回上一页的基本实现方式,你可以根据实际需求选择合适的方法。
- 使用
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
