0.0.1 • Published 4 years ago
dmitryorloffselect v0.0.1
Установка
# Все по стандарту
npm install
# Запуск в dev-режиме на localhost:8080
npm run dev
# Сборка
npm run build
Использование компонента
Директива
<DmitryOrloffSelect
v-model="value"
:options="options"
:disabled="disabled"
/>
import DmitryOrloffSelect from 'DmitryOrloffSelect.vue';
export default {
components: {
DmitryOrloffSelect,
},
data: () => ({
options: [
{ value: 1, text: 'Первый' },
{ value: 2, text: 'Второй' },
],
value: null,
secondValue: '1',
disabled: false,
}),
};
Пропсы
Prop | Тип | Значение по умолчанию | Описание |
---|---|---|---|
v-model | any | null | Через v-model передаем компоненту значения |
:options | Array | [] | Параметры для отображения. Передаются как объекты в массиве или просто в виде option в HTML шаблона компонента |
:search | Boolean | false | Показывать/скрывать поле поиска |
:multiple | Boolean | false | Одиночны или множественный поиск |
:controls | Boolean | false | Кнопки выбора и отмены выбора всех вариантов |
:collapseHeaders | Boolean | false | Показать/скрыть ссылки на заголовки элементов |
:displayMax | Number | 0 | Количество выбранных элементов, после которого из списка они превращаются в надпись "Выбрано: N"."0" - все элементы |
:displayText | String | "Выбрано: {0}" | Текст, отображаемы при достижении displayMax . "{0}" выведет общее их число |
0.0.1
4 years ago