this.$router.push传参与接收

this.$router.push是Vue Router提供的方法，用于进行路由跳转。它可以接收一个路径参数和一个可选的查询参数对象。

传参：
1. 传递路径参数：可以在push方法中直接传入一个路径字符串作为参数，例如：

   this.$router.push('/user/123')

这里的'/user/123'就是要跳转的路径，其中的123是路径参数。

2. 传递查询参数：可以在push方法中传入一个包含查询参数的对象作为参数，例如：

   this.$router.push({ path: '/user', query: { id: 123 } })

这里的'/user'是要跳转的路径，query对象中的id属性就是查询参数。

接收参数：
在目标路由组件中，可以通过$route对象来获取传递的参数。例如，在接收路径参数的情况下，可以通过$route.params来获取：

this.$route.params.id

在接收查询参数的情况下，可以通过$route.query来获取：

this.$route.query.id

相关问题

this.$router.push传的参数怎么接收

在Vue.js中，可以通过$route对象来获取路由信息，包括路由参数。在接收this.$router.push传递的参数时，可以通过$route对象的params属性来获取。例如：

// 跳转时传递参数
this.$router.push({ path: '/user', params: { id: 123 } })

// 接收参数
this.$route.params.id // 123

this.$router.push和router.push

this.$router.push和router.push都是Vue.js中用于进行路由跳转的方法。

this.$router.push是在Vue组件中使用的方法，它通过当前组件实例的$router对象来调用。$router对象是Vue Router库提供的路由实例，它包含了一些用于导航的方法和属性。this.$router.push方法可以接收一个路径字符串或者一个描述地址的对象作为参数，用于进行路由跳转。

router.push是在非Vue组件中使用的方法，它是通过Vue Router库的全局路由实例来调用的。全局路由实例可以通过Vue.use(VueRouter)来安装并创建，然后通过import导入使用。router.push方法也可以接收一个路径字符串或者一个描述地址的对象作为参数，用于进行路由跳转。

它们的作用是相同的，都是用于进行路由跳转，将用户导航到指定的页面。在使用时，可以根据具体情况选择使用this.$router.push或者router.push方法。