我想在我的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) .

最好的方法是什么?