如何在vue-router中添加可选路由？

Question

我有一个这样的按钮：

<router-link :to="{path: '/foo/bar', params: {id: 1}">

我的上述路由在route.js文件中定义为：

...
{
 path: 'foo/bar',
 component: fooComponent()
}
...

现在，我的问题是如何让我的路线接受像/foo/bar/1和/foo/bar这样的条件网址，因为现在它只接受/foo/bar

Answer 1

path: 'foo/bar/:id'

您可以在这里阅读：https://router.vuejs.org/en/essentials/dynamic-matching.html

Answer 2

如果您想将其作为可选参数，请使用？

'富/酒吧/？ID'