全面的前端编程教程 - 秘密武器开发者中心

热搜:m1 代理 前端 301

vue-router执行路由跳转传参

2023-12-31 09:30:01

如果你要传递一个名为userId的参数到/home页面,你可以这样做:

通过查询参数:

this.$router.push({ path: '/home', query: { userId: '123' } });

在home页面的组件中可以通过this.$route.query.userId来访问这个值。

通过路由参数:

this.$router.push({ name: 'home', params: { userId: '123' } })

确保你的路由配置有一个名为home的路由,并且在home页面的组件中可以通过this.$route.params.userId来访问这个值。

页面刷新问题

请注意,如果你使用params,当用户刷新页面时,这些参数可能会丢失,因为它们不会被包含在URL中。如果你需要在页面刷新后仍然能够访问这些参数,最好使用路径和查询参数。如果你使用params且刷新保持是重要的,那么你应该考虑将参数结合在路由的路径中,或者使用状态管理库(如vuex)来持久化这些状态。