(VueJS)vue-router匹配多个路径

时间:2017-07-05 03:02:23

标签: vue.js vuejs2 vue-router

我正在使用vue-router,我希望匹配两条截然不同的路径。我可以使用某种数组符号吗?

2 个答案:

答案 0 :(得分:20)

您可以在路线中使用别名:

routes: [
  { path: '/foo', component: Foo, alias: '/bar'}
]

这里有一些不错的例子:

https://github.com/vuejs/vue-router/blob/dev/examples/route-alias/app.js

答案 1 :(得分:1)

实现这一目标的最佳方法是:

{
    path: '/internalplatforms',
    alias: ['/a_internalplatforms', '/b_internalplatforms'],
    name: 'ImportantPlatform',
    component: ImportantPlatform
}

通过别名,您可以调用internalplatforms或a_internalplatforms或b_internalplatforms,它将显示相同的组件。