ant design vue导航菜单与路由配置

此功能包含：

1.根据动态路由自动展开与自动选择对应路由所在页面菜单

2.只展开一个子菜单

3.兄弟组件控制菜单与路由

 

<a-menu
        :openKeys="openKeys"
        :selectedKeys="selectedKeys"
        mode="inline"
        theme="dark"
        :inlineCollapsed="$store.state.isCollapse"
        @click='select'
        @openChange='openChange'
      >
        <a-sub-menu v-for="item in menu" :key="item.name" :index="item.title">
          <span slot="title"
            ><a-icon :type="item.icon" /><span>{
  { item.title }}</span></span
          >
          <a-menu-item
            v-for="subItem in item.submenu"
            :key="subItem.index"
            :index="subItem.index"
          >
            <router-link :to="subIte