Элементы управления выбора

Элементы управления выбора, позволяют пользователю выбирать параметры. Эти компоненты должны использоваться с помощью v-model, поскольку они не поддерживают своё собственное состояние.

API

v-radio-group
Имя
append-icon
По умолчанию
undefined
Тип
string

Components.SelectionControls.

Имя
append-icon-cb
По умолчанию
null
Тип
function

Components.SelectionControls.

Имя
background-color
По умолчанию
undefined
Тип
string

Components.SelectionControls.

Имя
color
По умолчанию
undefined
Тип
string

Применяет заданный цвет к элементу управления

Имя
column
По умолчанию
true
Тип
boolean

Показ radio кнопки в столбце

Имя
dark
По умолчанию
false
Тип
boolean

Применяет тёмный вариант темы

Имя
disabled
По умолчанию
false
Тип
boolean

Ввод отключён

Имя
error
По умолчанию
false
Тип
boolean

Вставляет состояние ошибки в ввод вручную

Имя
error-count
По умолчанию
1
Тип
number | string

Components.SelectionControls.

Имя
error-messages
По умолчанию
[]
Тип
string | array

Вставляет состояние ошибки в ввод и передаёт пользовательские сообщения об ошибках. Будет сочетаться с любыми валидациями, которые возникают из rules. Это поле не инициирует проверку

Имя
height
По умолчанию
auto
Тип
number | string

Установка высоты компонента

Имя
hide-details
По умолчанию
false
Тип
boolean

Components.SelectionControls.

Имя
hint
По умолчанию
undefined
Тип
string

Components.SelectionControls.

Имя
label
По умолчанию
undefined
Тип
string

Устанавливает метку ввода

Имя
light
По умолчанию
false
Тип
boolean

Применяет светлый вариант темы

Имя
loading
По умолчанию
false
Тип
boolean

Components.SelectionControls.

Имя
mandatory
По умолчанию
true
Тип
boolean

Принудительный выбор для дочернего элемента v-radio

Имя
messages
По умолчанию
[]
Тип
string | array

Components.SelectionControls.

Имя
name
По умолчанию
undefined
Тип
string

Устанавливает атрибут имени компонента

Имя
persistent-hint
По умолчанию
false
Тип
boolean

Components.SelectionControls.

Имя
prepend-icon
По умолчанию
undefined
Тип
string

Components.SelectionControls.

Имя
prepend-icon-cb
По умолчанию
null
Тип
function

Components.SelectionControls.

Имя
readonly
По умолчанию
false
Тип
boolean

Components.SelectionControls.

Имя
row
По умолчанию
false
Тип
boolean

Показ radio кнопки в ряд

Имя
rules
По умолчанию
[]
Тип
array

Массив функций, возвращающих True или String с сообщением об ошибке

Имя
success New in — v1.1
По умолчанию
false
Тип
boolean

Components.SelectionControls.

Имя
success-messages New in — v1.1
По умолчанию
[]
Тип
string | array

Components.SelectionControls.

Имя
validate-on-blur
По умолчанию
false
Тип
boolean

Задержка проверки до размытия

Имя
value
По умолчанию
undefined
Тип
any

Устанавливает значение компонента управления выбора

Имя
value-comparator
По умолчанию
null
Тип
function

Применяет пользовательскую функцию сравнения

Примеры

Checkboxes - Boolean

Checkboxes - Массив

Checkboxes - Состояние

Checkboxes - Цвета

Checkboxes могут быть окрашены с использованием любого из встроенных цветов и контекстных имён с помощью свойства color.

Checkboxes - в одну линию с текстовым полем

Radio - по умолчанию

Radio-группы по умолчанию обязательны. Это можно изменить с помощью свойства mandatory.

Radios - управление

Radio-группы могут быть представлены либо в виде строки, либо в столбце, используя их соответствующие свойства. По умолчанию используется столбец.

Radios - цвета

Radio могут быть окрашены с использованием любого из встроенных цветов и контекстных имён, с помощью свойства color

Switches - Boolean

Switches - Массив

Switches - Состояние

Switches - Цвета

Switches можно покрасить, используя любой из встроенных цветов и контекстных имён, используя свойство color.

Label slot

Selection controls' labels can be defined in label slot - that will allow to use HTML content

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore