码上欢乐
首页
榜单
标签
关于
搜索
相关内容
简体
繁体
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删除。
猜您在找
Vue路由
属性的使用
Vue 中修改 router-link 样式
VUE路由router-link和router.push用法
vue - 路由精讲 - 代码抽离和复用router-view
页面跳转
vue-router中的router-view的困扰
vue-router中的router-link的active-class
vue-router中的router-link的active-class
vue
使用
vue同一个页面可以有多个router-view
粤ICP备18138465号
© 2018-2026 CODEPRJ.COM