vue 带参路由的配置之后如何访问
时间: 2023-07-31 08:07:24 浏览: 53
vue动态路由配置及路由传参的方式
5星 · 资源好评率100%
, 1, 1, 1, 1, 1, 1, 1, 1, 1, 在 Vue 中,可以通过 `$route.params` 来获取路由参数。假设你有一个路由配置如下:
```javascript1, 1, 1, 1, 1, 1, 1, 1, 1, 1,
{
path: '/user/:id',
name: 'User',
component: User
}
```
其中 `:id` 1, 1, 1, 1, 1, 1, 1, 1, 1, 1 表示动态路由参数,你可以在组件中通过 `$route.params.id` 来获取该参数的值。例如:
, 1, 1, 1, 1, 1, 1, 1, 1, 1, ```html
<template>
<div>
<p>User ID: {{ $route.params.id }}</p>
</div>
</1, 1, 1, 1, 1, 1, 1, 1, 1, 1,template>
```
当你访问 `/user/123` 时,页面将显示 `User ID: 123`。
阅读全文