OpenHarmony菜单如何动态加载

在 OpenHarmony（ArkUI，eTS/ArkTS） 中，“菜单动态加载”通常指 菜单项不是写死的，而是根据数据动态生成（如从接口、配置、权限获取）。下面按常见场景给你几种做法。

一、使用 Menu + ForEach 动态生成菜单

这是最常用、推荐的方式。

示例：点击按钮弹出动态菜单

@Entry
@Component
struct DynamicMenuExample {
  @State menuItems: string[] = ['新建', '编辑', '删除']

  build() {
    Column() {
      Button('点击显示菜单')
        .onClick((event: ClickEvent) => {
          // 动态修改菜单数据
          this.menuItems = ['刷新', '设置', '关于']
          // 显示菜单
          this.showMenu(event)
        })
    }
  }

  private showMenu(event: ClickEvent) {
    Menu.show({
      x: event.x,
      y: event.y,
      menus: this.menuItems.map(item => ({
        value: item,
        action: () => {
          console.info('选中：' + item)
        }
      }))
    })
  }
}

✅ 特点

• 菜单项完全由 menuItems 控制
• 可随时修改数组实现“动态加载”

二、从接口/异步数据加载菜单

@State menuItems: Array<{ label: string, action: () => void }> = []

aboutToAppear() {
  // 模拟接口
  setTimeout(() => {
    this.menuItems = [
      { label: '用户管理', action: () => {} },
      { label: '系统设置', action: () => {} }
    ]
  }, 1000)
}

build() {
  Button('菜单')
    .onClick((e) => {
      Menu.show({
        x: e.x,
        y: e.y,
        menus: this.menuItems.map(i => ({
          value: i.label,
          action: i.action
        }))
      })
    })
}

三、长按 / 右键菜单（ContextMenu）

适用于列表项、图片等。

List() {
  ForEach(this.listData, (item) => {
    ListItem() {
      Text(item)
    }
    .onLongPress((e) => {
      Menu.show({
        x: e.x,
        y: e.y,
        menus: this.getMenuByItem(item)
      })
    })
  })
}

getMenuByItem(item: string) {
  return [
    { value: '详情', action: () => {} },
    { value: '删除', action: () => {} }
  ]
}

四、不同角色动态菜单（权限控制）

getMenu(role: string) {
  if (role === 'admin') {
    return ['用户管理', '日志', '设置']
  }
  return ['查看', '退出']
}

五、注意事项（OpenHarmony 特有）

1. Menu.show 是一次性弹出

   • 不支持“先 show 再追加”
   • 必须一次性构造完整 menus

2. 数据要先准备好

   • 推荐在 aboutToAppear 或点击前完成加载

3. API 版本

   • Menu.show 在 OpenHarmony 3.2+ 稳定支持

六、总结

如果你能说明：

• OpenHarmony 版本（3.x / 4.x）
• 是 系统菜单 / 页面菜单 / 列表菜单
• eTS 还是 ArkTS

我可以给你更精确的示例代码。