共计 497 个字符,预计需要花费 2 分钟才能阅读完成。
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}
正文完
发表至: javascript
2020-10-11