SwSelect
Универсальный выпадающий список: options, single / multiple, clearable, клавиатура (↑↓ Home/End Enter Escape).
> Миграция: подсказки DaData перенесены в SwDadata (<sw-dadata>).
Свойства / Properties
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
class | String | `` | CSS-класс. |
size | String | large | 'large' / 'small'. |
placeholder | String | `` | Placeholder. |
options | Array | [] | { label, value, disabled? }[]. |
multiple | Boolean | false | Мультивыбор; модель — массив значений. |
clearable | Boolean | false | Кнопка очистки. |
disabled | Boolean | false | Неактивен. |
Пример
<script setup>
import { ref } from 'vue'
const city = ref('')
const cities = ref([])
const options = [
{ label: 'Москва', value: 'msk' },
{ label: 'Санкт-Петербург', value: 'spb' }
]
</script>
<sw-select v-model="city" :options="options" placeholder="Город" clearable />
<sw-select v-model="cities" :options="options" multiple clearable placeholder="Несколько" />