vue3 router 获取params
时间: 2023-08-07 19:08:34 浏览: 183
vue.js this.$router.push获取不到params参数问题
5星 · 资源好评率100%
Vue Router 的 params 传参是指在路由跳转时,将参数传递给目标组件。在路由配置中,可以使用冒号(:)来定义参数,例如:
```
{
path: '/user/:id',
component: User
}
```
在这个例子中,我们定义了一个名为 id 的参数,它可以在 User 组件中通过 $route.params.id 来获取。在实际使用中,可以通过编程式导航或声明式导航来跳转路由并传递参数,例如:
```
// 编程式导航
this.$router.push({ path: '/user/123' })
// 声明式导航
<router-link :to="'/user/' + userId">User</router-link>
```
在上面的例子中,我们分别使用了编程式导航和声明式导航来跳转到 /user/123 路由,并将参数传递给 User 组件。在 User 组件中,我们可以通过 $route.params.id 来获取参数值。
阅读全文