ContextMenuItem
菜单条目组件。
Props
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| label | 菜单项名称 | string | — |
| icon | 菜单项图标 | string | — |
| iconFontClass | 自定义图标字体类名 | string | — |
| preserveIconWidth | 是否应为没有图标的菜单项保留固定宽度的图标区域 | boolean | - |
| svgIcon | 菜单项图标 svg，仅在 icon 为空时有效 | string | — |
| svgProps | 当使用 svg 图标时，自定义 svg 标签属性 | SVGAttributes | — |
| disabled | 是否禁用菜单项 | boolean | false |
| checked | 是否选中菜单项 | boolean | — |
| shortcut | 当前菜单项的快捷键指示，此快捷键只用于显示给用户看，快捷键的注册还是需要你自己处理 | string | — |
| clickableWhenHasChildren | 指定当本菜单下有子菜单时，点击当前菜单是否触发点击事件 | boolean | false |
| clickClose | 点击当前菜单项是否自动关闭整个菜单 | boolean | true |
| customClass | 自定义子菜单class | string | — |
| onClick | 菜单项点击事件 | Function() | — |
Slots
| 插槽名 | 描述 | 参数 |
|---|---|---|
| default | 当前条目整体渲染插槽 | - |
| icon | 图标渲染插槽 | - |
| label | 文字渲染插槽 | - |
| shortcut | 快捷键标记渲染插槽 | - |
| check | 复选框渲染插槽 | - |
| rightArrow | 右侧箭头渲染插槽 | - |
Click
| 事件名 | 描述 | 参数 |
|---|---|---|
| click | 点击菜单时触发此事件 | - |
| subMenuOpen | 子菜单打开时触发此事件 | - |
| subMenuClose | 子菜单关闭时触发此事件 | - |
MenuItemContext
菜单条目的控制项实例。
getSubMenuInstance(): ContextSubMenuInstance|undefined
获取当前显示的子菜单实例。
返回值
| 说明 |
|---|
| 返回当前子菜单的 ContextSubMenuInstance，如果菜单未显示则返回undefined。 |
getElement(): HTMLElement
获取当前子菜单元素。
showSubMenu(): void
手动打开子菜单。
hideSubMenu(): void
手动关闭子菜单。
isDisabledOrHidden(): boolean
获取当前子菜单是否被隐藏或者禁用。