新页面获取router.push方法里面的params参数

Question

Vue：
this.$router.push({ path: 'Homepage', params: { userId: this.user_name } });
如何在跳转后的页面（Homepage.vue）获取userId的值

Answer 1

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

通过name获取页面，传递params：

在目标页面通过this.$route.params获取参数：

2.Query
query传递数据的方式就是URL常见的查询参数，如/Homepage?userId=000&username=peter

在目标页面通过this.$route.query获取参数

Answer 2

this.$route.params.userId