Selection controls Input Components

选择控件

选择控制组件允许用户使用选择项，这些组件必须和 v-model 属性一起使用，因为他们无法保持自己的状态。

用例

API

props

slots

events

名称

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

单选框列显示

名称

dark

默认值

false

类型

boolean

应用暗黑主题变体

名称

disabled

默认值

false

类型

boolean

输入框是禁用的

名称

error

默认值

false

类型

boolean

将输入框设置为手动错误状态。

名称

error-count

默认值

类型

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

应用明亮主题变体

名称

默认值

false

类型

boolean

Components.SelectionControls.

名称

mandatory

默认值

true

类型

boolean

强制选择复选框组的一个子复选框 v-radio

名称

messages

默认值

[]

类型

string | array

Components.SelectionControls.

名称

name

默认值

undefined

类型

string

设置组件的 name 属性

名称

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

单选框行显示

名称

rules

默认值

[]

类型

array

返回True或带有错误信息的字符串的函数数组。

名称

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

Components.SelectionControls.

示例

复选框 - 布尔值

复选框 - 数组

复选框 - 状态

复选框 - 色彩

复选框可以设置颜色通过使用 color 属性，颜色可以是任何内置的颜色或者其上下文名称。

复选框 - 和文本框内联

单选框 - 默认

Radio-groups are by default mandatory. This can be changed with the mandatory prop.

单选框 - 方向

单选框组可以作为一行或者一列的形式，通过使用 column 或者 row 属性设置，默认是使用列的方式。

单选框 - 颜色

单选框也是可以通过 color 属性使用内置的颜色来设置色彩。

开关 - 布尔值

开关 - 数组

开关 - 状态

开关 - 颜色

开关也可以通过 color 属性使用内置的颜色来设置色彩。

Label slot

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

Up Next

Edit this page | language on Github

— Contribution Guide