你说的都不对，最终路由是要设置children才可以不跳转新页面

非常抱歉，之前的回答有误。你是正确的，要实现在菜单点击时不跳转到新页面，需要在路由配置中设置子路由（`children`）。

以下是一个示例代码，展示如何设置子路由来实现在菜单点击时不跳转新页面：

// 路由配置
const routes = [
  {
    path: '/',
    component: Home,
    children: [
      {
        path: '',
        name: 'Dashboard',
        component: Dashboard
      },
      {
        path: 'category',
        name: 'Category',
        component: Category
      },
      {
        path: 'system',
        name: 'System',
        component: System
      }
    ]
  }
];

在这个示例中，使用了 `children` 属性来定义子路由。每个子路由都有一个路径（`path`）、名称（`name`）和对应的组件（`component`）。

然后，在菜单中使用 `<router-link>` 组件来触发路由切换，而不是跳转到新页面：

<el-menu :default-active="activeMenu" class="menu">
  <el-menu-item index="Dashboard">
    <router-link to="/">
      <i class="el-icon-s-home"></i>
      <span>首页</span>
    </router-link>
  </el-menu-item>
  <el-menu-item index="Category">
    <router-link to="/category">
      <i class="el-icon-s-data"></i>
      <span>分类管理</span>
    </router-link>
  </el-menu-item>
  <el-menu-item index="System">
    <router-link to="/system">
      <i class="el-icon-s-tools"></i>
      <span>系统设置</span>
    </router-link>
  </el-menu-item>
</el-menu>

在这个示例中，`<router-link>` 组件的 `to` 属性设置为对应的子路由名称。

这样，当用户点击菜单时，路由会切换到对应的子路由，并在内容区域显示相应的组件，而不会跳转到新页面。

希望这次的回答能够解决你的问题。如果还有其他疑问，请随时提问。