vue中this.$router.push()路由传值和获取的两种常见方法

1.路由传值 this.$router.push()

(1) 路由跳转使用router.push()方法，这个方法会向history栈添加一个新纪录，所以，当用户点击浏览器后退按钮时，会回到之前的页面。

a. 路由跳转：

this.$router.push('/home');

b. 命名的路由，传参使用params:

this.$router.push({name:"home", params:{userId: '123'}})

　获取参数

this.$router.params.userId

　　c. 带查询的参数，传参使用query:

this.$router.push({ path: "/mine", query: { userId: "123" } });

　　获取参数

this$router.query.userId

　注：（1）由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。

（2）两种方式的区别是query传参的参数会带在url后边展示在地址栏，params传参的参数不会展示到地址栏。需要注意的是接收参数的时候是route而不是　　　　　　 router。两种方式一一对应，名字不能混用

巴特西