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/",
这条呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
从上到下,找第一个符合路径的路由作为匹配结果。
Vue 路由是支持正则表达式的。
vue-router 是基于 path-to-regexp 实现的路由匹配,具体支持哪些正则特性可以看它的文档。