个人blog,欢迎关注加收藏

路由嵌套(子路由)
路由嵌套在SPA(单页页面程序中会常用到),有一部分内容固定,通过点击跳转决定
另一部分不定的内容,就可以用到路由嵌套来完成,也可以用引入组件的方式完成,
把左边做成一个单独的组件,在其他组件中分别引入“左组件”,以此完成。

eg:
在这里插入图片描述

步骤如下:
  1. 找到/router/index.js文件,找到左边组件(admin.vue)的路由配置,在其路由中配置一个children数组,用来配置子路由
  2. 配置子路由的path
  3. 引入子路由组件,配置子路由的component
  4. 在父级路由中表明子路由显示的配置
    如下:
    在这里插入图片描述
    在这里插入图片描述

注意:需要默认显示某个子路由组件时,可以用父级路由的redirect属性重定向父级路由的路径!

Logo

前往低代码交流专区

更多推荐