vue 获取路由参数
时间: 2023-10-19 13:09:18 浏览: 137
vue获取当前激活路由的方法
在 Vue 中,可以使用 `$route.params` 来获取当前路由的参数。假设你的路由配置如下:
```javascript
{
path: '/user/:id',
component: User
}
```
那么在 `User` 组件中,可以通过 `$route.params.id` 来获取路由参数 `id`。例如:
```javascript
<template>
<div>
User ID: {{ $route.params.id }}
</div>
</template>
```
如果需要在组件中监听路由参数的变化,可以使用 `watch` 监听 `$route` 对象:
```javascript
watch: {
'$route.params.id': function(newVal, oldVal) {
// 处理参数变化
}
}
```
阅读全文