如過我們想在一個路由切換中再嵌套一個路由切換,要如何做呢?這里關鍵問題,實現(xiàn)方法
效果圖.gif
image.png
https://router.vuejs.org/zh/guide/essentials/nested-routes.html
一.關鍵問題
我們對于界面上有多個路由出口,我們要指定子路由的路由出口
二.解決方法
在路由配置的時候,給需要添加子路由的路由對象添加children屬性,在children對應的數(shù)組中添加子路由
三.實現(xiàn)方法
- 在組件中添加子路由導航和出口
- 定義子路由組件
- 在路由配置的時候給需要的路由添加子路由
-
注意:在配置子路由可以省略上一級路由/,系統(tǒng)會自動編譯
image.png
image.png
image.png
