ContextMenu
Меню дій у координатах pointer із підтримкою Shift+F10 та клавіші Context Menu.
Приклад
Остання дія: Ще не обрано
API
Props
| Назва | Тип | Типово | Опис |
|---|---|---|---|
ariaLabel | string | "Контекстне меню" | Доступна назва меню. |
width | string | "14rem" | Ширина меню, будь-яка CSS-величина. |
modelValue | boolean | false | Відкрито. Використовуйте через `v-model`. |
disabled | boolean | false | — |
Події
| Назва | Payload | Опис |
|---|---|---|
update:modelValue | [value: boolean] | Меню відкрито або закрито. |
open | [] | Меню відкрилося. |
close | [] | Меню закрилося. |
Слоти
| Назва | Опис |
|---|---|
default | Область, для якої відкривається меню. Передайте `targetAttrs` реальному елементу. |
content | Пункти з `role="menuitem"`. |
Доступно через ref
| Назва | Тип | Опис |
|---|---|---|
show | (x: number, y: number, source?: HTMLElement) => Promise<void> | — |
close | (restoreFocus?: boolean) => void | — |
Коли використовувати
Для другорядних дій над файлом, вузлом дерева, рядком таблиці або полотном.
targetAttrs мають бути на реальному фокусованому target, щоб клавіатурний
виклик працював поруч із ним.
Коли НЕ використовувати
Не ховайте тут єдиний шлях до важливої дії. Context menu доповнює видимі
кнопки або UiMenu, а не замінює їх.
Доступність
Shift+F10 та клавіша Context Menu відкривають меню без миші. ArrowUp,
ArrowDown, Home і End переміщують фокус між доступними menuitem, Escape
закриває й повертає фокус на target.