vue 获取动态路由
时间: 2023-10-14 15:05:07 浏览: 89
vue动态路由配置及路由传参的方式
5星 · 资源好评率100%
在Vue中获取动态路由可以通过`$route.params`来实现。`$route.params`是一个对象,包含了所有动态路由参数的键值对。
假设你的动态路由是使用`:id`参数,你可以通过以下方式获取它:
```javascript
this.$route.params.id
```
如果你有多个动态路由参数,可以通过类似的方式获取它们。例如,假设你有一个动态路由为`/user/:id/post/:postId`,你可以分别获取`id`和`postId`参数:
```javascript
this.$route.params.id
this.$route.params.postId
```
需要注意的是,当路由参数发生变化时,Vue会自动更新`$route.params`对象的值。因此,你可以在组件的生命周期钩子函数或者计算属性中使用它来获取动态路由参数的最新值。
阅读全文