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