Question

我希望在我的Vue应用/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）。

最好的方法是什么？

如果没有提供参数，则渲染不同的视图

0 个答案: