vue路由如何精确的匹配规则?

有这样的路由规则:

  ///////////////////// Tag 列表
  {
    path: "/tag/:keyword",
    component: () => import("../views/List.vue"),
  },
  //////////////////////  二级栏目
  {
    path: "/:cateNameOne/:cateNameTwo/", //栏目列表
    component: () => import("../views/List.vue"),
  },

上面是tag的列表页,下面的是普通的文章列表页.如果按照上面的顺序,那么在内详情页点击tag,跳到/tag/关键词 不会有问题。
但是,如果把上面两条规则前后顺序换一下,那么一切都OK。
如果不在前后替换规则顺序的前提下,怎么样才能让点击tag对应对则是
path: "/:cateNameOne/:cateNameTwo/", 这条呢?

阅读 6.3k
2 个回答

从上到下,找第一个符合路径的路由作为匹配结果。

Vue 路由是支持正则表达式的。

vue-router 是基于 path-to-regexp 实现的路由匹配,具体支持哪些正则特性可以看它的文档。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题