this.$router.push传过去的参数如何接收

如果您正在使用Vue.js框架，可以使用$route对象来访问URL中的参数。当使用this.$router.push方法将参数传递给另一个页面时，可以通过$route.params对象来获取这些参数。具体步骤如下：

1. 在源页面中，使用this.$router.push方法来将参数传递给目标页面。例如：

this.$router.push({path: '/targetPage', params: {id: 1, name: 'john'}});

2. 在目标页面中，可以通过$route.params对象来获取这些参数。例如：

<template>
  <div>
    <p>ID: {{ $route.params.id }}</p>
    <p>Name: {{ $route.params.name }}</p>
  </div>
</template>

这样，您就可以在目标页面中访问传递的参数了。请注意，这种方法只适用于在路由中传递参数时。如果您需要在组件之间传递参数，可以使用props或Vuex等其他方法。

相关问题

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 传多个参数

在Vue中，可以使用this.$router.push方法来进行路由跳转并传递多个参数。有两种方式可以传递多个参数：params传参和query传参。

1. 使用params传参：
使用params传参时，可以在跳转时通过params对象传递多个参数。例如：

   var id = this.tableDate[index].id;   this.$router.push({ name: 'testResult', params: { id: id, param2: value2, param3: value3 } });

在目标页面中，可以通过this.$route.params来获取传递的参数。例如：

   let id = this.$route.params.id;
   let param2 = this.$route.params.param2;
   let param3 = this.$route.params.param3;

2. 使用query传参：
使用query传参时，可以在跳转时通过query对象传递多个参数。例如：

   this.$router.push({ path:'/testResult', query: { param1: value1, param2: value2, param3: value3 } });

在目标页面中，可以通过this.$route.query来获取传递的参数。例如：

   let param1 = this.$route.query.param1;
   let param2 = this.$route.query.param2;
   let param3 = this.$route.query.param3;

通过以上两种方式，你可以在使用this.$router.push方法时传递多个参数，并在目标页面中获取这些参数。