ContextMenu 右键菜单
在包裹区域内右键弹出菜单,菜单定位在鼠标位置。
基础用法
右键触发
在此区域右键查看菜单
示例代码
禁用项
禁用项
右键查看(删除不可用)
示例代码
多级子菜单
多级子菜单
右键查看多级子菜单
示例代码
带 children 的菜单项 hover / 点击展开级联子菜单,选中叶子项后自动收回并关闭。
选择事件
选择事件
在此区域右键
示例代码
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
items | 菜单项 JSON | string | [] |
事件
| 事件 | 说明 |
|---|---|
oas-select | 选择某项,detail: { value } |
插槽
| 名称 | 说明 |
|---|---|
| 默认 | — |
鼠标位置弹出,Esc / 外部点击 / 选择后自动关闭;role="menu" + menuitem。