在 vuejs 中为不同的路由使用相同的组件

Question

我想为不同的路线使用相同的组件 即 - 我有 2 条路线

1. http://example.com/users/39
2. http://example.com/users/39/58

现在，如果用户访问上述路线之一，我想呈现相同的组件。我尝试了下面的代码，它对我来说工作正常，但这不是正确的解决方案。有什么方法可以在单条路线上实现吗？

<script>
{
    path: ':id',
    component: () => import('@/views/Users')
},
{
    path: ':id/:user_id',
    component: () => import('@/views/Users')
}
<script>

Answer 1

您可以声明一个可选参数：

{
    path: '/users/:id/:user_id?',
    component: () => import('@/views/Users')
}

这适用于/users/39 和/users/39/58