DropdownList
DropdownList - компонент выпадающего списка.
Props
items
- type:
IItem[] - default:
() => []
Значение поля ввода.
export interface IItem {
id: number | string;
label: string;
isActive?: boolean;
isDisabled?: boolean;
[key: string]: any;
}
placeholder
- type:
string - default:
''
Строка, отображаемая в списки элементов, используется для сброса выбранных элементов.
sublistKey
- type:
string - default:
'sublist'
Указывает ключ вложенного списка элементов.
canBeEmpty
- type:
boolean - default:
false
Если указано true - список может быть без выбранных элементов.
Slots
placeholder
- required:
false
Слот для передачи placeholder аналогично пропу.
Scoped slots
item
- required:
false - prop:
item- отдельный элемент списка
item-icon
- required:
false - prop:
item- иконка отдельного элемента списка
item-label
- required:
false - prop:
item- лейбл отдельного элемента списка
Контент отдельного элемента items выпадающего списка.
Events
check
- payload:
item
Событие происходящее при выборе элемента списка клавишей Space.
select
- payload:
item
Событие происходящее при выборе элемента списка кликом или клавишей Enter.
cancel
Событие происходящее при нажатии клавиши Esc.
blur
Событие происходящее при потере фокуса списком, - когда при навигации кнопками происходит выход за пределы списка элементов.