我想在我的Vue应用程序中匹配两个URL, /users
和 /users/:id
. 对于 /users
,它显示一个包含用户列表的表, /users/:id
显示该单个用户的配置文件页面 .
我知道我可以这样做:
{
path: 'users',
name: 'View Users',
component: UserList
},
{
path: 'users/:id',
name: 'User Profile',
component: UserProfile
}
但是,我会自动从路径路径生成面包屑 . 通过如上所述,用户简档页面不显示为用户列表的子页面(例如,它显示 Home / User Profile
而不是 Home / View Users / User Profile
) .
我试过它如下:
{
path: 'users',
name: 'View Users',
component: UserList,
children: [
{
path: ':id',
name: 'User Profile',
component: UserProfile
}
]
}
这解决了我的面包屑问题,但是由于 UserList
没有 <router-view>
标记,所有呈现的都是相同的 UserList
视图,而不是配置文件视图 .
文档没有大量帮助(https://router.vuejs.org/en/essentials/nested-routes.html) .
最好的方法是什么?