Vue中 this.$router.push 传参 及 参数接收
文章目录
1：两种方式
方法一：name跳转页面
this.$router.push({name:'anotherPage',params:{id:1}});
另一页面接收参数方式：
this.$route.params.id
控制台展示：
方法二：path跳转页面
this.$router.push({path:'/anotherPage',query:{id:1}});
2、区别
1、path的query传参的参数会带在url后边展示在地址栏(/anotherPage?id=1)，name的params传参的参数不会展示到地址栏。
2、由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效，需要用name来指定页面。
原文链接：https://blog.csdn.net/chenxi_li/article/details/108365779
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/80950.html
