Switch 开关

表示两种相互对立的状态间的切换,多用于触发「开/关」。

代码演示

API

Attributes

参数 说明 类型 可选值 默认值 Version
active-icon-class switch 打开时所显示图标的类名,设置此项会忽略 active-text String — —
active-text switch 打开时的文字描述 String — —
active-value switch 打开时的值 Boolean | String | Number — true
active-color switch 打开时的背景色 String — '#2d5afa' v2.0.0
before-change 当开关状态变化之前触发的回调函数 Function — — v1.7.2
disabled 是否禁用 Boolean — false
inactive-icon-class switch 关闭时所显示图标的类名,设置此项会忽略 inactive-text String — —
inactive-text switch 关闭时的文字描述 String — —
inactive-value switch 关闭时的值 Boolean | String | Number — false
inactive-color switch 关闭时的背景色 String — '#c9c9c9' v2.0.0
inner-text 是否内置文字描述 Boolean — false v2.0.0
name switch 对应的 name 属性 String — —
square 是否为方形样式 Boolean — false v2.0.0
value / v-model 绑定值 Boolean | String | Number — —
validate-event 输入时是否触发表单的校验 Boolean — — v2.0.0
width switch 的宽度(像素) Number — 48 v2.0.0

Events

事件名称 说明 回调参数 Version
change switch 状态发生变化时的回调函数 新状态的值

Methods

方法名 说明 参数 Version
focus 使 Switch 获取焦点 —

贡献者

类型 参与者
设计者 UED视觉组
维护者 UED前端组
上次更新: 7/28/2021, 9:46:32 AM