aquarius_zzz 2021-12-30 16:55 采纳率: 100%
浏览 1439
已结题

vue-route4 [Vue Router warn]: No match found for location with path "/home/aa"

使用vue-route4路由嵌套跳转,跳转后页面空白,控制台提示:[Vue Router warn]: No match found for location with path "/home/aa"

const routes: Array<RouteRecordRaw> = [
  {
    path: "/",
    name: "Home",
    redirect: "/home",
    component: () => import("../views/layouts/Layout.vue"),
    children: [
      {
        path: "/home",
        name: "home",
        component: Home,
        meta: {
          menuShow: true, // 是否在导航栏中显示
          menuName: "首页", // 导航栏中显示的名称
        },
        children: [
          {
            path: "/home/aa",
            name: "about",
            meta: {
              menuShow: true,
              menuName: "关于",
            },
            component: About,
          },
        ],
      },
      {
        path: "/about",
        name: "about",
        meta: {
          menuShow: true,
          menuName: "关于",
        },
        component: () => import("../views/About.vue"),
      },
    ],
  },
];

img

```

  • 写回答

2条回答 默认 最新

  • 前端阿彬 前端领域新星创作者 2021-12-30 17:08
    关注

    img


    name重复了


    如有帮助,麻烦点个【采纳此答案】 谢谢啦~

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月7日
  • 已采纳回答 12月30日
  • 创建了问题 12月30日

悬赏问题

  • ¥30 Matlab打开默认名称带有/的光谱数据
  • ¥50 easyExcel模板 动态单元格合并列
  • ¥15 res.rows如何取值使用
  • ¥15 在odoo17开发环境中,怎么实现库存管理系统,或独立模块设计与AGV小车对接?开发方面应如何设计和开发?请详细解释MES或WMS在与AGV小车对接时需完成的设计和开发
  • ¥15 CSP算法实现EEG特征提取,哪一步错了?
  • ¥15 游戏盾如何溯源服务器真实ip?需要30个字。后面的字是凑数的
  • ¥15 vue3前端取消收藏的不会引用collectId
  • ¥15 delphi7 HMAC_SHA256方式加密
  • ¥15 关于#qt#的问题:我想实现qcustomplot完成坐标轴
  • ¥15 下列c语言代码为何输出了多余的空格