碼上快樂
1秒登錄
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
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