OpenHarmony菜单如何刷新

在 OpenHarmony（ArkUI，eTS/ArkTS） 中，“菜单刷新”通常指 菜单数据变化后，界面能实时更新。不同场景刷新方式不同，下面按常见情况说明。

一、使用 @State 驱动菜单刷新（最常用）

只要菜单数据用 @State 修饰，数据变化就会自动刷新。

示例：动态菜单

@Entry
@Component
struct MenuPage {
  @State menuItems: string[] = ['首页', '设置']

  build() {
    Column() {
      ForEach(this.menuItems, (item) => {
        Text(item)
          .fontSize(20)
          .margin(10)
      })

      Button('刷新菜单')
        .onClick(() => {
          // 修改数据，自动刷新
          this.menuItems = ['首页', '设置', '关于']
        })
    }
  }
}

✅ 关键点

• 用 @State
• 数组要整体重新赋值（this.menuItems = [...]）

二、使用 @Link / @Prop 跨组件刷新菜单

父组件

@Entry
@Component
struct Parent {
  @State items: string[] = ['A', 'B']

  build() {
    Child({ items: this.items })
  }
}

子组件

@Component
struct Child {
  @Prop items: string[]

  build() {
    Column() {
      ForEach(this.items, item => Text(item))
    }
  }
}

父组件修改 items，子菜单自动刷新。

三、系统菜单（Menu / ContextMenu）刷新

1️⃣ 弹窗菜单（Menu）

@State showMenu: boolean = false
@State menuList: string[] = ['复制', '粘贴']

Button('菜单')
  .onClick(() => {
    this.showMenu = true
  })
  .bindMenu(this.showMenu, () => {
    ForEach(this.menuList, item => {
      MenuItem(item)
    })
  })

刷新方式：

this.menuList = ['复制', '粘贴', '删除']
this.showMenu = false
this.showMenu = true

2️⃣ 右键菜单（ContextMenu）

Text('长按我')
  .bindContextMenu(() => {
    ForEach(this.menuList, item => {
      MenuItem(item)
    })
  })

⚠️ ContextMenu 每次弹出都会重新执行 builder，数据自动最新

四、Tabs / SideBar 菜单刷新

Tabs 示例

@State tabs: string[] = ['新闻', '视频']

Tabs() {
  ForEach(this.tabs, tab => {
    TabContent() {
      Text(tab)
    }.tabBar(tab)
  })
}

this.tabs = ['新闻', '视频', '直播']

五、常见问题

❌ 菜单不刷新？

六、总结一句话

OpenHarmony 菜单刷新 = 数据用 @State + 数据变化即可自动刷新

如果你用的是 具体组件（Tabs / List / Menu / Navigation），可以告诉我，我给你针对性示例。