Vue 3 路由器：如何将路由参数拆分为 id 和 slug 并使 slug 可选

Question

我正在迁移 nuxt 2 -> nuxt3 并且我有 vue 路由器路径：

{
    name: 'event-id',
    path: '/event/:id(\\d+):slug([\\w-]*)',
    component: () => getComponent(import('../pages/event/[id]')),
},

它之前工作过，给了我 id 和 slug 参数，如果它是像 domain.com/event/1 这样的链接，我有

id: 1

和

slug: ''

或

slug: undefined

，不记得准确了。但现在我有缺少必需的参数“slug”错误消息

Answer 1

通过附加 ?

 将参数设置为 

可选

path: '/event/:id(\\d+):slug([\\w-]*)?',