路由嵌套(子路由)

个人blog,欢迎关注加收藏

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

eg:
在这里插入图片描述

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

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

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值