this.$router.push怎么传多个值

在使用this.$router.push()方法传递多个值时，可以通过参数为对象的方式进行传递。
例如，可以使用params属性传递多个参数，其中params里面放置的是我们要传递过去的参数。
例如：
this.$router.push({name:'Home',params:{param1:'value1', param2:'value2'}});
这样就可以同时传递多个值了。

相关问题

this.$router.push要传多个值

可以通过在`this.$router.push`中传递一个包含多个参数的对象来传递多个值。例如：

this.$router.push({
  path: '/example',
  query: { foo: 'bar', baz: 'qux' }
})

这将在路由中添加两个查询参数`foo`和`baz`，它们的值分别为`bar`和`qux`。在接收参数的组件中，可以使用`this.$route.query`来获取这些参数的值。注意，如果传递的是对象或数组，需要使用`JSON.stringify()`将其转换为字符串，否则在地址栏中会被强制转换成`[object Object]`。例如：

this.$router.push({
  path: '/example',
  query: { data: JSON.stringify({ name: 'John', age: 30 }) }
})

在接收参数的组件中，可以使用`JSON.parse()`将其转换回对象：

const data = JSON.parse(this.$route.query.data)
console.log(data.name) // 输出：John
console.log(data.age) // 输出：30

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方法时传递多个参数，并在目标页面中获取这些参数。