+-
路由传参之-------
路由传参之-------
Vue
路由传参
对路由传参的总结,不对之处望包涵,指正。记录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
无需配置路由规则
路由传参之------- `this.$route.params
<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}