this.$router.push如何携带参数
时间: 2023-11-21 09:54:00 浏览: 82
Vue中this.$router.push参数获取方法
5星 · 资源好评率100%
this.$router.push可以通过params和query两种方式携带参数。其中,params是将参数编码后放在URL路径中,而query是将参数编码后放在URL的查询参数中。具体使用方式如下:
```
// params方式
this.$router.push({name: '路由的name', params: {key: value}})
// query方式
this.$router.push({name: '路由的name', query: {key: value}})
```
其中,'路由的name'是指目标路由的名称,key和value分别是参数的键和值。需要注意的是,使用params方式时,目标路由的定义需要在路由配置中声明参数,例如:
```
{
path: '/user/:id',
name: 'user',
component: User
}
```
相关问题:
阅读全文