开发预览更新于 2026-05-10

ContextMenu 右键菜单

右键打开的菜单。支持分隔符、快捷键、危险项；自动 clamp 到视口内。

基础用法

包裹目标区域，右键触发 contextmenu 事件后在光标位置显示菜单。Esc / 点击外部关闭。

<CfContextMenu :items="items" @select="onPick">
<div>右键这里</div>
</CfContextMenu>

<CfContextMenu items={items} onSelect={onPick}>
<div>右键这里</div>
</CfContextMenu>

disabled 灰化、danger 红字、separator: true 画分隔行。

右键 → 查看完整菜单（含 disabled / danger / separator）

<CfContextMenu :items="items">…</CfContextMenu>

<CfContextMenu items={items}>…</CfContextMenu>

items: ContextMenuItem[]，每项支持：