Vue router如何传参
要点总结:
在vue-router中,有两大对象被挂载到了实例this;
$route(只读、具备信息的对象);
$router(具备功能的函数)
查询字符串:
去哪里 ?
<router-link :to="{name:'detail',query:{id:1}}"> xxx </router-link>
导航(查询字符串path不用改)
{name:'detail',path:'/detail',组件}
去了干嘛?获取路由参数(要注意是 query ,还是 params 和 对应的 id名? 是后者需要注意设置相关文件的id规则)
+ this.$route.query.id
params、query是什么?
params:/router1/:id ,/router1/123,/router1/789 ,这里的id叫做params
query:/router1?id=123 ,/router1?id=456 ,这里的id叫做query。