问题遇到的现象和发生背景
1.在App组件中设置两个router-link与router-view，使可以跳转到Home组件和Hello组件。
2.在Home组件设置一个router-link与router-view，使可以跳转到Hello组件。
问题描述
从App组件中跳转到Home组件后，我想再跳转到Hello组件。期望如下：
但是实际上的效果是：
请问这个机制是什么呢？
vue-router跳转问题
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 星儿AI探索者的博客 Vue Router 中的导航守卫包括 beforeEach、beforeResolve、afterEach 和路由独享守卫 beforeEnter。这些守卫允许您在路由切换前、解析完成后和路由切换后执行自定义逻辑，比如权限验证、全局加载状态等。
- 2021-10-13 07:32哪 吒的博客 创建VueRouter对象 const routes = [ { path: '', // redirect重定向 redirect: '/home' }, { path: '/home', component: Home }, { path: '/about', component: About } ] const router = new VueRouter({ // 配置...
- 2024-05-28 09:45integermain的博客 官方文档见：Vue Router 是Vue.js官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由 Vue.js 的过渡...
- 2021-01-19 14:57vue-router(路由跳转) vuex(状态管理) axios(数据请求) mock.js(模拟后台数据) vue-touch(手势判断) fastclick(解决移动端浏览器 300 毫秒点击延迟问题) vue-lazyload(图片懒加载) swiper(轮播) 设计布局: ...
- 2022-09-06 17:55码客前端的博客 vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router 的官方文档地址：https://router.vuejs.org/zh/2. vue-router 安装和配置的步骤① ...
- 2025-07-07 08:48江城开朗的豌豆的博客 今天给大家带来一份超实用的vue-router方法指南，保证让你看完就能玩转各种页面跳转！
- 2022-08-24 00:21是Lay的博客 官方文档vue-cli是vue官方出品的快速构建单页应用的脚手架，里面集成了webpack，npm，nodejs，babel，vue，vue-router。
- 2022-12-28 10:30西魏陶渊明的博客 【代码】Vue3: vue-router页面跳转。
- 2021-11-30 16:03吃不胖爹的博客 this.$router.push() 可以通过修改url实现路由跳转。 // 字符串 this.$router.push('/home/first') // 对象 this.$router.push({ path: '/home/first' }) // 命名的路由 this.$router.push({ name: 'home', params: ...
- 2024-04-29 07:18Eliauk ＆的博客 这部分内容是比较简单的了，但是我个人觉得对于原来是后端开发的想学一些关于vue页面跳转，数据交互的小伙伴来说还是有点帮助的。希望自己的博客能清楚的介绍这些知识点，如果有所帮助，记得支持博主一波哦！
- 没有解决我的问题, 去提问
问题事件
系统已结题
5月24日
已采纳回答
5月16日-
创建了问题
5月16日