在vue中怎么通过路由拿到id
时间: 2024-02-20 07:56:48 浏览: 118
vue操作下拉选择器获取选择的数据的id方法
在 Vue 中,我们可以使用 Vue Router 来进行路由管理。如果你想要通过路由获取传入的 id 参数,可以在路由配置的时候进行配置。假设你的路由是这样的:
```javascript
const router = new VueRouter({
routes: [
{
path: '/user/:id',
name: 'User',
component: User
}
]
})
```
在这个路由中,我们使用了 `:id` 来表示传入的 id 参数。然后,在 `User` 组件中,我们可以通过 `this.$route.params.id` 来获取传入的 id 参数。例如:
```javascript
<template>
<div>
<h1>User ID: {{ userId }}</h1>
</div>
</template>
<script>
export default {
computed: {
userId() {
return this.$route.params.id
}
}
}
</script>
```
在这个例子中,我们使用了计算属性 `userId` 来获取传入的 id 参数,并在模板中显示出来。
阅读全文