Vue.js 如何在vue路由器中添加可选路由？

我有一个这样的按钮：

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

现在，我的问题是如何让我的路线接受一个有条件的url道具，比如

/foo/bar/1

和

/foo/bar

，因为现在它只接受

/foo/bar

path: 'foo/bar/:id'

您可以在这里阅读：

---

您可以在这里了解它：

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

---

“foo/bar/：id？”

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

---

“foo/bar/：id？”

但那总是需要一个id，我认为它会帮助你：path:

“foo/bar/：id？”

//参数>参数修饰符>选项但那总是需要一个id，我认为它会帮助你：path:

'foo/bar/：id？

//参数>参数修饰符>选项是可选的。它应该显示相同的页面如果/否：id existsYep，它将打开相同的页面。是可选的。它应该显示相同的页面如果/not:id existsYep，它将打开相同的页面。

path: 'foo/bar/:id'