# Компонент BaseAutocompleteSelect

Компонент - селект со строкой поиска и динамической подгрузкой новых элементов списка

### Импорт компонента:

Компонент базовый, поэтому его использование возможно без импорта.

```javascript
import BaseAutocompleteSelect from '@components/common/base-autocomplete-select/index.vue';
```

### Описание props

1. `model` - модель , реактивное св-во пример будет ниже;
2. `label-value` - свойство , которое беретеся в качестве лейбла (что отображается в списке опций);
3. `async-getter` - асинхронный метод , для получения опций;
4. `field-label` - лейбл для селекта, соответственно;
5. `isMultiple` - булевый флаг множественного селекта;
6. `disable` - св-во аналогичное всем квазароским компонентам

### События

1. `@value` - вызывается при выборе значения из списка, слушатель в кач-ве аргумента получает `value: any`

### Пример модели (он же используется по дефолту)

```javascript
model = {
  pageSize: 20,
  lastPage: 0,
  nextPage: 1,
  search: '',
  records: [],
  selected: null,
  loading: false,
  coolDown: false,
  endOfRecords: false,
};
```

### Шаблон

Пример добавления компонента BaseChecksTable:

```html
<BaseAutocompleteSelect
  :model.sync="organizations"
  :async-getter="getOrganizations"
  label-value="fullname"
  field-label="Выберите что-нибудь"
  :is-multiple="false"
  @value="setOrgValues"
  :disable="Boolean(someRecords.length)"
/>
```
