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

props

slots

events

名称

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

默认值

类型

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

应用明亮主题变体

名称

默认值

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或带有错误信息的字符串的函数数组。

名称

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

控制可见性

Up Next

Edit this page | language on Github

— Contribution Guide