this.$router.push传参的目标页面如何接收
时间: 2023-03-21 17:02:19 浏览: 56
this.$router.push()是Vue.js框架中用于路由跳转的方法,它可以将路由信息传递给目标页面。如果想要在目标页面中接收传递过来的参数,可以通过$route对象或者$router对象进行获取。
$route对象包含了当前路由的信息,其中params属性存储了通过路由传递的参数。可以通过$route.params.xxx来获取具体的参数值,其中xxx是你在路由跳转时指定的参数名。
$router对象是Vue.js框架中的路由管理器,可以通过它的currentRoute属性来获取当前路由的信息,包括传递的参数。具体的获取方式也是通过currentRoute对象的params属性来获取对应的参数值,例如$router.currentRoute.params.xxx。
需要注意的是,在目标页面中接收传递过来的参数时,需要在页面组件的created()或者mounted()钩子函数中进行获取。
相关问题
this.$router.push query传参
this.$router.push方法是Vue Router提供的一种导航方法,用于在Vue.js应用程序中进行页面导航。通过使用query参数,可以在路由之间传递参数。
以下是一个示例,演示了如何使用this.$router.push方法传递query参数:
```javascript
// 在当前页面中使用this.$router.push方法传递query参数
this.$router.push({ path: '/xxx', query: { idname: id } });
```
在上述示例中,我们将id作为参数传递给了名为idname的query参数。在目标页面中,可以通过this.$route.query.idname来获取传递的参数值。
请注意,query参数是以键值对的形式传递的,可以传递多个参数。在目标页面中,可以通过this.$route.query来访问所有的query参数。
this.$router.push params 传参
this.$router.push(params)是Vue Router中的一种导航方式,用于在路由之间进行跳转并传递参数。
具体介绍如下:
1. this.$router是Vue Router的实例,可以通过它来进行路由导航。
2. push()方法用于在当前路由的基础上,向路由栈中添加一个新的路由,并进行跳转。
3. params是一个对象,用于传递参数给目标路由。可以在目标路由中通过$route.params来获取这些参数。
举个例子,假设我们有一个名为"User"的路由,可以通过以下方式进行跳转并传递参数:
```
this.$router.push({ path: '/user', params: { id: 1, name: 'John' } })
```
在目标路由的组件中,可以通过$route.params来获取传递的参数:
```
this.$route.params.id // 1
this.$route.params.name // 'John'
```