报错信息:
Error: For input string: "list"
详细分析:
访问http://localhost:5173/user/order/list时,Vue Router 错误地将list识别为order/:id动态路由的id参数,导致跳转到订单详情页,进而触发「字符串list转数字 ID」的报错。
第一次尝试:Vue Router 对嵌套路由的「模糊匹配规则」+ 动态路由与静态路由的定义顺序,问题没能解决。
第二次尝试:在页面中添加跳转逻辑,还是没能解决。
然后看到路由中商家和用户的name是相同的。
最终解决:
这两个之前都是orderList,修改了用户的订单列表name后问题直接消失了,所以路由的name名字不可以相同,会报错。