时间戳

首页 > 解决方案 > vue-router：可选固定+路径参数

javascript - vue-router：可选固定+路径参数

问题描述

我想为以下场景提供一个路由对象：

我尝试过的是：

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

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

path-to-regexp使用新版本的这种方法有什么可能vue-router？

标签： javascriptvue.jsvue-router

解决方案

Express Router 和 Vue Router 是不同的，但如果您的意思是要创建一个带有动态 url 的路由，那么也许您可以使用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>

推荐阅读