this.$router.push传过去的参数如何接收
时间: 2023-07-08 08:48:08 浏览: 97
vue两组件间值传递 $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等其他方法。
阅读全文