VUE中路由跳转如何传参

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