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

时间:2019-03-31 07:20:50

标签: javascript vue.js vue-router

在以下情况下,我希望有一个路由对象:

  • /a/123/b
  • /b

我尝试过的是:

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

这在Express route tester上测试路径时似乎有效,但仅适用于path-to-regexp版本0.1.7。高于该版本的任何版本都将转义特殊字符。

path-to-regexp使用的新版本vue-router可以通过什么方式实现?

1 个答案:

答案 0 :(得分:3)

Express Router和Vue Router不同,但是,如果您要使用动态网址创建路由,那么也许可以使用https://router.vuejs.org/guide/essentials/named-routes.html中的命名路由

例如:

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

然后,您到SomeComponent的导航应类似于:

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