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

Question

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

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

<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

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

Use same component for different route in vuejs

vue.js

vue-router