CODEWITHSUNDEEP
vue.jsvuejs2vue-router
sir_thursday
sir_thursday

Reputation: 5409

(VueJS) vue-router match multiple paths

I am using vue-router, and am looking to match two very distinct paths. Is there some kind of array notation I can use?

Upvotes: 40

Views: 27608

Answers (2)

Anand - MCSA MCPD MCTS MCSD
Anand - MCSA MCPD MCTS MCSD

Reputation: 169

Best way to achive this is :

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

By aliasing, you can call internalplatforms or a_internalplatforms or b_internalplatforms and it will show that same component.

Upvotes: 10

Mark
Mark

Reputation: 92440

You can use an alias in the routes:

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

There are some nice examples here:

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

Upvotes: 60

Related Questions