Vue-router中path的设置

问题描述

一直以来,无论是在设置 routes数组中的path值 、还是在Vue实例的内部通过 $router 进行路由操作的时候,我都搞不清楚到底加不加 /

规律总结

1、 routes数组中的path

只有 routes数组中 第一层的 path/
在这里插入图片描述

children数组中的 path 不加 /
在这里插入图片描述

2、Vue实例中

在这里插入图片描述

与上面正好相反:
访问routes数组中 第一层的 path前面不加 /

//About.vue
this.$router.push({ path: 'type' })

访问children数组中的 path 前面加 /

//List
this.$router.push({ path: '/type/list/info1'})
this.$router.push({ path: '/type/about'})
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值