vue页面跳转传递参数
时间: 2023-09-08 19:14:48 浏览: 101
vue路由跳转传递参数的方式总结
可以使用路由传参来实现。在跳转时可以通过路由的params或query属性传递参数,如下示例:
```javascript
// 在路由中定义参数
{
path: '/user/:id',
name: 'user',
component: User
}
// 在代码中跳转并传递参数
this.$router.push({
name: 'user',
params: { id: userId }
})
// 在组件内通过$route对象获取参数
this.$route.params.id // userId
```
另外也可以通过Vuex来进行数据的跨组件传递。
阅读全文