码上欢乐
首页
榜单
标签
关于
搜索
相关内容
简体
繁体
Vue中router-link与router-view的对应关系和映射特点(实现路由Tabs页面)
本文转载自
查看原文
2020-03-05 15:39
1532
Vue
router-link对应的router-view规律为:
一、根据to的值而定,
1.1 值为一层(如 /home)则对应App.vue中的router-view;
1.2 值为两层,如 /home/SeatDistribute,则对应的是/home组件( Home.vue )中的router-view;以此类推
二、router-link映射的结果为其对应组件的整个页面内容
2.1 如 to='/home/SeatDistribute',则其对应的view会显示App.vue和/home ( Home.vue )和/home/SeatDistribute等父子组件的整个页面内容;
2.2 同样的,若to='/home',则得到的页面结果为App.vue和/home ( Home.vue ) 父子组件的整个页面
×
免责声明!
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。
猜您在找
router-link与router-view的对应关系和映射特点
【vue】router-link 与 router-view
【Vue】router-link 与 router-view
router-link/ router-view 的使用
命名路由、命名视图(router-link、router-view命名)
vue 3.0 项目搭建移动端 (二) Vue-router: router-link 与 router-view keep-alive
vue中的router-view
路由 router-view
Vue路由实现页面跳转的两种方式(router-link和JS)
Vue路由router-link的使用
粤ICP备18138465号
© 2018-2025 CODEPRJ.COM