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