router.push跳转页面时怎么传参
时间: 2023-07-20 07:25:22 浏览: 75
在使用 `router.push` 进行页面跳转时,可以在第二个参数中传递一个对象,用于传递参数。例如:
```javascript
// 在当前页面跳转到 /target 页面,并传递参数
router.push({
path: '/target',
query: {
name: '张三',
age: 18
}
})
```
在目标页面中,可以通过 `$route.query` 访问传递的参数。例如:
```javascript
// 在 target 页面中获取传递的参数
console.log(this.$route.query.name) // 输出:张三
console.log(this.$route.query.age) // 输出:18
```
相关问题
vue3router.push跳转页面时怎么传参
在Vue 3中,你可以使用`router.push`进行页面跳转并传递参数。例如,你可以这样设置要传递的参数:
```javascript
const params = { id: 123 };
router.push({ path: '/my-path', query: params });
```
在这个例子中,我们传递了一个名为`id`的参数,其值为`123`。然后,我们使用`router.push`方法进行页面跳转,并将参数作为查询字符串传递。
你可以在目标页面中使用$route对象来获取传递的参数。例如:
```javascript
const id = $route.query.id;
```
这样就可以获取到从前一个页面传递过来的`id`参数的值了。
$router.push()跳转传参
可以通过 $router.push() 的第二个参数传递参数,例如:
```
this.$router.push({
path: '/example',
query: { id: 1 }
})
```
这样就可以在目标路由的组件中通过 `this.$route.query.id` 获取到传递的参数。
另外,也可以通过 $router.push() 的第三个参数传递参数,例如:
```
this.$router.push({
name: 'example',
params: { id: 1 }
})
```
这样就可以在目标路由的组件中通过 `this.$route.params.id` 获取到传递的参数。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)