vue-router：可选的fixed + path参数

Question

I want to have one route object for the following scenarios:

• /a/123/b
• /b

What I have tried, is:

{ path: '(a/:a)?/b', ... }

This seems to work when testing the path on the Express route tester , but only for path-to-regexp version 0.1.7. Any version above that will escape special characters.

In what way is this possible with the new version of path-to-regexp that vue-router uses?

Answer 1

Express Router and Vue Router are different, but if what you mean is you want to create a route with dynamic url, then perhaps you can use named routes from https://router.vuejs.org/guide/essentials/named-routes.html

For example:

 const router = new VueRouter({
  routes: [
    {
      path: '(a/:a)?/b',
      name: 'a',
      component: SomeComponent
    }
  ]
})

Then your navigation to SomeComponent should have something like:

<router-link :to="{ name: 'a', params: { a: 123 }}">SomeComponent</router-link>