個人blog,歡迎關注加收藏
路由嵌套(子路由)
路由嵌套在SPA(單頁頁面程式中會常用到),有一部分内容固定,通過點選跳轉決定
另一部分不定的内容,就可以用到路由嵌套來完成,也可以用引入元件的方式完成,
把左邊做成一個單獨的元件,在其他元件中分别引入“左元件”,以此完成。
eg:

步驟如下:
- 找到/router/index.js檔案,找到左邊元件(admin.vue)的路由配置,在其路由中配置一個children數組,用來配置子路由
- 配置子路由的path
- 引入子路由元件,配置子路由的component
-
在父級路由中表明子路由顯示的配置
如下:
路由嵌套(子路由) 路由嵌套(子路由)
注意:需要預設顯示某個子路由元件時,可以用父級路由的redirect屬性重定向父級路由的路徑!