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

时间:2018-01-24 13:11:20

标签: vue.js vuejs2 vue-router

我有一个这样的按钮:

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

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

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

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

2 个答案:

答案 0 :(得分:1)

path: 'foo/bar/:id'

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

答案 1 :(得分:1)

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

'富/酒吧/?ID'