Skip to content

Компонент группы чекбоксов ui-checkbox-group

Компонент группы чекбоксов позволяет составить колонку чекбоксов, выбранные которые уйдут как масив в одно поле.

Пример использования

<ui-checkbox-group
    name="checkbox_rule"
    label="НИже будет группа чекбоксов"
    :options="[{ label: 'chose', value: '1' }, { label: 'wat', value: '2' }, { label: 'nom', value: 'wooop' }]"
    :rules="{
        required: true,
    }
    :selected="[0,2]"
    :hide-native="true"
/>

Параметры компонента

  • name - системное имя компонента для элемента формы
  • options - Главный параметр. Задает массив чекбоксов для компонента. Принимает обьекты с ключами label (надпись) и value (значение).
  • selected - Массив, который позволяет задать заранее выбранные чекбоксы
  • hide-native - отображать чекбоксы как инпуты с типом checkbox, или спрятать под оберткой, которую можно застилить.