vue2 路由获取当前路由
时间: 2023-08-20 17:10:22 浏览: 148
vue获取当前激活路由的方法
动态路由是指在路由路径中包含参数,这些参数的值是根据实际情况动态生成的。在 Vue Router 中,可以使用冒号(:)来定义动态路由参数,例如:
```
{
path: '/user/:id',
component: User
}
```
在上面的例子中,`:id` 就是动态路由参数,它可以匹配任何非空字符串,并将其作为 `id` 属性传递给 `User` 组件。
要获取传递过来的动态路由参数,可以在组件中使用 `$route.params` 对象。例如,在 `User` 组件中可以这样获取 `id` 参数:
```
export default {
mounted() {
const id = this.$route.params.id
// do something with id
}
}
```
除了 `$route.params`,还可以使用 `$route.query` 对象来获取查询参数。查询参数是指在路由路径后面使用问号(?)传递的参数,例如:
```
{
path: '/search',
component: Search
}
```
在上面的例子中,可以通过 `/search?q=vue` 这样的 URL 来传递查询参数 `q`,然后在 `Search` 组件中可以这样获取它:
```
export default {
mounted() {
const q = this.$route.query.q
// do something with q
}
}
```
阅读全文