Vue学习——Router传参问题

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。

上一篇:json.net payload


下一篇:第四次实验报告:使用 Packet Tracer理解RIP路由协议