vue路由跳转接受query参数
时间: 2023-11-29 18:02:19 浏览: 106
vue路由跳转传递参数的方式总结
5星 · 资源好评率100%
在 Vue 路由中,可以使用 `$route` 对象的 `query` 属性来获取 URL 查询参数。例如:
```javascript
// 假设当前路由为 /user
this.$router.push({ path: '/user', query: { id: '123' }})
```
在这个例子中,我们将跳转到 `/user?id=123`,然后在组件中可以通过 `$route.query.id` 来获取查询参数。
如果你需要在路由配置中定义动态参数,可以使用 `:` 来定义,例如:
```javascript
{
path: '/user/:id',
component: User
}
```
然后在组件中可以通过 `$route.params.id` 来获取动态参数。
希望能对你有所帮助!
阅读全文