Vue中router-link与router-view的对应关系和映射特点(实现路由Tabs页面)


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删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM