@bj-ui/bj-authorization/permissions/components/left-menu/subMenuItem.js

星云系统登录通用模块

import { Menu } from "ant-design-vue";
const SubMenu = {
  template: `
      <a-sub-menu :key="menuInfo.id" v-bind="$props" v-on="$listeners">
        <span slot="title">
          <a-icon type="mail" /><span>{{ menuInfo.menuName }}</span>
        </span>
        <template v-for="item in menuInfo.childs">
          <a-menu-item v-if="!item.childs" :key="item.id">
            <a-icon type="mail" />
            <span>{{ item.menuName }}</span>
          </a-menu-item>
          <sub-menu v-else :key="item.id" :menu-info="item" />
        </template>
      </a-sub-menu>
    `,
  name: "SubMenu",
  isSubMenu: true,
  props: {
    ...Menu.SubMenu.props,
    menuInfo: {
      type: Object,
      default: () => ({}),
    },
  },
};
export default SubMenu;