ChildMenu 子菜单

February 27, 2026 · View on GitHub

递归菜单组件,用于渲染多级嵌套菜单。

引入

import { AChildMenu } from '@airpower/web'

Props

参数说明类型默认值必填
menuList菜单列表,需为 IMenu 实现类数组IMenu[]-

Emits

Slots

示例

<template>
  <!-- 通常与 AMenu 配合使用 -->
  <AMenu :menu-list="menuList" />
</template>

<script setup lang="ts">
import { ref } from 'vue'

const menuList = ref([
  {
    id: '1',
    name: '用户管理',
    path: '/user',
    icon: 'icon-user',
    isDisabled: false,
    children: [
      {
        id: '1-1',
        name: '用户列表',
        path: '/user/list',
        icon: 'icon-list',
        isDisabled: false,
        children: []
      }
    ]
  }
])
</script>

注意事项

  • 此组件通常不直接使用,而是通过 AMenu 组件内部调用
  • 菜单项需实现 IMenu 接口
  • 支持无限级菜单嵌套
  • 被禁用的菜单项(isDisabled: true)不会显示