NavigationMenu
Горизонтальное меню с подменю
Ничего не выбрано
Состояния пунктов
Обычное меню
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
items | NavMenuItem[] | [] | Список пунктов меню. Тип NavMenuItem: label, to?, href?, icon? (SVG-код), disabled?, items? (вложенные пункты подменю). |
activePath | string | undefined | Текущий путь для подсветки активного пункта. |
ariaLabel | string | 'Навигация' | Подпись элемента навигации для скринридеров. |
События
| Имя | Аргументы | Когда срабатывает |
|---|---|---|
select | item: NavMenuItem | При выборе листового пункта или подпункта подменю. Не срабатывает для отключённых пунктов. |
Описание
Компонент C3NavigationMenu — горизонтальное меню навигации с поддержкой вложенных подменю. Корневые пункты с дочерними items становятся кнопками-триггерами, открывающими выпадающее подменю по клику.
Используйте его для основного верхнего меню. Активный пункт подсвечивается по activePath (совпадение пути или его префикса).
Дополнительная информация
- Компонент не использует
v-model. - Подменю закрывается по клику вне меню (слушатель
mousedownна документе) и после выбора пункта. - Триггеры подменю имеют
aria-haspopup="menu"иaria-expanded; подменю используетrole="menu", пункты —role="menuitem". - Иконки передаются строкой SVG-кода (см.
C3SvgIcon). - Отключённые пункты (
disabled) не эмитятselectи помечаются соответствующим классом/атрибутом.