对路由传参的总结,不对之处望包涵,指正。记录
Vue
路由传参的两种方式query 和 params
this.$route.query
<router-link to='/home?id=123&name=zhangsan'>路由传参 query</router-link>
this.$route.query.id,
即可拿到123
,此api
无需配置路由规则
this.$route.query.name,
即可拿到,zhangsan
此api
无需配置路由规则
<router-link to="/home/123/zhangsan">路由传参 params</router-link>
this.$route.params.id
,不可以拿到 123,都需要配置路由规则为:{path:'/home/:id/:name',Component:home}
this.$route.params.name
,也拿不到zhangsan
,都需要配置路由规则为:{path:'/home/:id/:name',Component:home}
1
chenpingan 2020-10-12 13:26:20 +08:00
这种笔记的话记录到笔记之中不是更好,类似印象笔记之类的
|
2
BaiLinfeng OP @chenpingan 嗯,笔记里面刚也记录了,主要是知道记录的正确性。就公开这样写了。
|
3
begoingtodo 2020-10-13 20:06:35 +08:00
vue 的文档不是都有的吗
|
4
BaiLinfeng OP @begoingtodo 说真的 vue 文档不是很白话,很多语言逼格有点高了,我有点难消化。要看民间的文章解释
|