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 |
disabled-color | switch 禁用时的背景色(在设置 disabled 时有效) | String | — | | v2.1.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 |
size | switch 的尺寸 | String | 'medium' | 'small' | medium | v2.1.1 |
Events
事件名称 | 说明 | 回调参数 | Version |
change | switch 状态发生变化时的回调函数 | 新状态的值 | |
Methods
方法名 | 说明 | 参数 | Version |
focus | 使 Switch 获取焦点 | — | |
上次更新: 4/17/2024, 5:12:42 PM