天天看點

路由嵌套(子路由)

個人blog,歡迎關注加收藏

路由嵌套(子路由)

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

eg:

路由嵌套(子路由)
步驟如下:
  1. 找到/router/index.js檔案,找到左邊元件(admin.vue)的路由配置,在其路由中配置一個children數組,用來配置子路由
  2. 配置子路由的path
  3. 引入子路由元件,配置子路由的component
  4. 在父級路由中表明子路由顯示的配置

    如下:

    路由嵌套(子路由)
    路由嵌套(子路由)

注意:需要預設顯示某個子路由元件時,可以用父級路由的redirect屬性重定向父級路由的路徑!