首页 新闻 会员 周边

Vue Router如何实现可选的下级路径匹配?

0
悬赏园豆:5 [已解决问题] 解决于 2022-06-08 21:58

有如下4个路由:

/user/:id(\d{1,19})

/user/:id(\d{1,19})/post

/user/:id(\d{1,19})/collection

/user/:id(\d{1,19})/reply

我希望在Vue Router中将这4个路由都映射到同一个组件,但是我不想写4条,而是希望把它们合并成1条。我知道如何合并后面3个,可以这样写路由映射:/user/:id(\d{1,19})/:sub(post|collection|reply),但是不知道如何把第一个和后面3个合并,有谁能教教我吗?

Halloworlds的主页 Halloworlds | 初学一级 | 园豆:190
提问于:2022-06-04 23:38
< >
分享
最佳答案
2

后面加个问号就可以了,表示第三个参数可选,如下:
/user/:id(\d{1,19})/:sub(post|collection|reply)?
编辑器默认转义了一个反斜杠,所以截图:

收获园豆:5
顾星河 | 大侠五级 |园豆:7173 | 2022-06-06 09:21
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册