# Menu控制 >![](../../public_sys-resources/icon-note.gif) **说明：** >从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 ## 权限列表 无 ## 属性

名称

参数类型

默认值

描述

bindMenu

Array<MenuItem> | CustomBuilder8+

-

给组件绑定菜单，点击后弹出菜单。弹出菜单项支持文本和自定义两种功能。
- MenuItem

名称

类型

描述

value

string

菜单项文本。

action

() => void

点击菜单项的事件回调。
## 示例 ``` @Entry @Component struct MenuExample { build() { Column() { Text('click for Menu') } .width('100%') .margin({ top: 5 }) .bindMenu([ { value: 'Menu1', action: () => { console.info('handle Menu1 select') } }, { value: 'Menu2', action: () => { console.info('handle Menu2 select') } }, ]) } } ``` ![](figures/menu.gif) ``` import router from '@system.router'; @Entry @Component struct MenuExample { @Builder MenuBuilder() { Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) { Text('text1') .fontSize(20) .width(100) .height(50) .textAlign(TextAlign.Center) Divider().height(10) Text('text2') .fontSize(20) .width(100) .height(50) .textAlign(TextAlign.Center) Divider().height(10) Button('Next') .fontSize(20) .width(100) .height(50) .onClick(() => { router.push({ uri: 'pages/details' }) }) }.width(100) } build() { Column() { Text('click for menu') } .width('100%') .margin({ top: 5 }) .bindMenu(this.MenuBuilder) } } ``` ![](figures/GIF.gif)