有很多小伙伴不知道怎么样用路由去控制界面去进行一个局部跳转，页面的菜单栏，和导航栏不去跳转，那么怎么实现呢。
首先：在页面使用占位符
<router-view/>
确定跳转页面展示的位置，
然后去到
编辑
router下的index.js页面，
将子页面的路由添加到主页面的Children里
编辑
如上图所示，当你改变地址栏的路由时，会由内向外去加载整个home页面，达到界面局部跳转的效果
Vue怎么通过路由实现页面的局部跳转
2023-08-22
171
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Vue怎么通过路由实现页面的局部跳转
目录
相关文章
|
3天前
|
JavaScript
程序员
网络架构
|
3天前
|
资源调度
JavaScript
UED
|
3天前
|
JavaScript
|
4天前
|
JavaScript
前端开发
安全
|
4天前
|
编解码
JavaScript
API
|
4天前
|
JavaScript
前端开发
API
|
4天前
|
JavaScript
|
5天前
|
JavaScript
Java
测试技术
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
25
7
7
|
5天前
|
JSON
JavaScript
前端开发
热门文章
最新文章
1
Vue+Django+MySQL搭建指南（个人全栈快速开发）
2
vue项目实战 — — 那些自己给自己挖的深坑
3
vue jsx 使用指南
4
在VSCode中 使用 ESLint + Prettier检查代码规范及自动格式化前端Vue代码
5
Vue2+VueRouter2+webpack 构建项目
6
使用 Vue 2.0 实现服务端渲染的 HackerNews
7
Vue中 使用 v-for 时动态绑定 ref
8
VUE3（二十一）vue-router 在新窗口打开页面的功能
9
vue 路由demo
10
vue router 4 源码篇：路由诞生——createRouter原理探索
1
在vue中，在哪个生命周期内调用异步请求？
52
2
在vue中，Vue 的父组件和子组件生命周期钩子函数执行顺序？
22
3
在vue中，直接给一个数组项赋值，Vue 能检测到变化吗？
49
4
在vue中，computed 和 watch 的区别和运用的场景？
18
5
在vue中，怎样理解 Vue 的单向数据流？
30
6
在vue中，Class 与 Style 如何动态绑定？
18
7
在vue中，v-show 与 v-if 有什么区别？
26
8
在vue中，如何实现SPA单页面应用的路由管理？
28
9
在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
48
10
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
92