Vue 路由参数怎么样可有可无呢？

Question

 { path: '/bar/:id', name: 'bar', component: Bar }
 <li><router-link :to="{ name: 'bar', params: { id: 123 }}">bar</router-link></li>

像上面的代码给了个参数ID 如果路由里不带参数，这路由就是个残废，但我并不想这样，我希望不带参数的时候这个路由照样的存在。像后端路由一样，我某个参数不存在但不能影响我访问页面，只是根据参数展现的页面数据有些不同而已。

Answer 1

{ path: '/bar/:id?', name: 'bar', component: Bar }
id后面加个‘?’，设置为可选参数

官方有demo
https://github.com/vuejs/vue-...

Answer 2

定义两个路由即可。

Answer 3

使用查询 query就可以了！