this.$router.push传递参数时,接收方怎么接收参数
时间: 2023-06-15 21:03:57 浏览: 83
Vue中this.$router.push参数获取方法
5星 · 资源好评率100%
在Vue.js中,使用`this.$route.params`可以访问通过路由传递的参数。
例如,在发送方使用`this.$router.push`时,可以这样传递参数:
```javascript
this.$router.push({ path: '/user', params: { userId: 123 }})
```
在接收方的组件中,可以使用`this.$route.params`来获取这个参数:
```javascript
export default {
mounted() {
console.log(this.$route.params.userId) // 输出 123
}
}
```
需要注意的是,如果使用`this.$router.push`传递的参数是通过name和params的方式传递的,则在接收方需要使用`props`属性来接收参数,而不是`this.$route.params`。
阅读全文