Input

The v-input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. It is recommended that you extend this component, but it can be used as a standalone.

Применение

v-input has 4 main areas. The prepended slot, the appended slot, the default slot, and messages. These make up the core logic shared between all form components.

API

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

Components.Inputs.

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

Components.Inputs.

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

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

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

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

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

Components.Inputs.

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

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

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

Components.Inputs.

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

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

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

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

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

Components.Inputs.

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

Components.Inputs.

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

Components.Inputs.

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

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

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

Components.Inputs.

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

Components.Inputs.

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

Components.Inputs.

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

Components.Inputs.

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

Components.Inputs.

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

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

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

Components.Inputs.

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

Components.Inputs.

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

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

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

Контроль видимости

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