vue3路由传参跳转传参
时间: 2023-09-15 15:21:54 浏览: 104
Vue路由的跳转和传参
5星 · 资源好评率100%
好的,我可以为您解答。在vue3中,可以使用路由传参进行页面跳转,并且可以将参数传递给目标组件。具体实现方法可以参考以下步骤:
1.在路由配置中定义需要跳转的页面,并设置传递参数的名称。
```javascript
{
path: '/user/:id',
name: 'User',
component: UserComponent
}
```
2.在原始组件中使用 `router-link` 进行跳转,并传递参数。
```html
<router-link :to="{name: 'User', params: { id: 123 }}">用户详情</router-link>
```
3.在目标组件中使用 `$route` 对象获取传递的参数。
```javascript
export default {
created() {
console.log(this.$route.params.id) // 打印传递的 id 值
}
}
```
希望以上解答能够帮助到您,如有其他问题,欢迎继续咨询。
阅读全文