ant design中点击有下级目录的菜单 怎么同时自己也能打开新页面？

Question

用的Ant Design Pro Vue，左侧的菜单，比如目录结构为

-- 主页
-- 人员管理
-----| 员工管理
-----| 应聘人员资料
-- 系统设置
-----| 数据字典
-----| 系统阀值

主页、人员管理、系统设置是一级菜单，默认情况下，点“主页”能显示页面，而点“人员管理”是展开其二级菜单。
现在要怎么修改，才能点“人员管理”的时候，既展开下面的二级菜单，又能像“主页”那样在右侧显示对应的view呢？

---

现在找到SideMenu.VUE里这段代码

  <a-layout-sider
    :class="['sider', isDesktop() ? null : 'shadow', theme, fixSiderbar ? 'ant-fixed-sidemenu' : null ]"
    width="356px"
    :collapsible="collapsible"
    v-model="collapsed"
    :trigger="null">
    <logo />
    <s-menu
      :collapsed="collapsed"
      :menu="menus"
      :theme="theme"
      :mode="mode"
      @select="onSelect"
      style="padding: 16px 0px;"></s-menu>
  </a-layout-sider>

  methods: {
    onSelect (obj) {
      debugger
      this.$emit('menuSelect', obj)
    }
  }

如果有子页面的菜单，点击后就不会进入onSelect, 只有当自己为最末级菜单的时候，才会进入onSelect

Answer 1

meta:{selectedKeys: path父级路径,}