params使用this.$router.push传递参数
时间: 2023-09-30 19:06:33 浏览: 163
vue.js this.$router.push获取不到params参数问题
5星 · 资源好评率100%
在使用this.$router.push时,可以通过params参数传递参数。具体操作如下:
1. 在跳转的目标路由中,使用props属性接收参数。
例如,目标路由为/detail/:id,可以在目标路由组件中使用props接收参数:
```
props: {
id: {
type: Number,
required: true
}
}
```
2. 在当前路由中使用this.$router.push跳转,并通过params参数传递参数。
例如,当前路由为/home,需要跳转到/detail/1,可以使用以下代码:
```
this.$router.push({
path: '/detail/' + id,
params: {
id: 1
}
})
```
在目标路由组件中,就可以通过props接收到参数,并进行相应的操作。
阅读全文