0.0.1 • Published 4 years ago

dmitryorloffselect v0.0.1

Weekly downloads
-
License
MIT
Repository
-
Last release
4 years ago

Установка

# Все по стандарту
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-modelanynullЧерез v-model передаем компоненту значения
:optionsArray[]Параметры для отображения. Передаются как объекты в массиве или просто в виде option в HTML шаблона компонента
:searchBooleanfalseПоказывать/скрывать поле поиска
:multipleBooleanfalseОдиночны или множественный поиск
:controlsBooleanfalseКнопки выбора и отмены выбора всех вариантов
:collapseHeadersBooleanfalseПоказать/скрыть ссылки на заголовки элементов
:displayMaxNumber0Количество выбранных элементов, после которого из списка они превращаются в надпись "Выбрано: N"."0" - все элементы
:displayTextString"Выбрано: {0}"Текст, отображаемы при достижении displayMax. "{0}" выведет общее их число