Switch 开关
表示两种相互对立的状态间的切换，多用于触发「开/关」。
基础用法
禁用状态
加载状态
自定义颜色
自定义大小
自定义按钮
异步控制
API
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 绑定值，选中状态 | any | false |
| loading | 是否显示为加载状态 | boolean | false |
| disabled | 是否禁用开关 | boolean | false |
| size | 开关的尺寸 | string | 28px |
| active-color | 打开时的背景色 | string | #3f45ff |
| inactive-color | 关闭时的背景色 | string | #dcdfe6 |
| active-value | 打开时的值 | any | true |
| inactive-value | 关闭时的值 | any | false |
Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| change | 开关状态切换时触发 | value: boolean |
| click | 点击开关时触发 | event: MouseEvent |
Slots
| 名称 | 说明 |
|---|---|
| node | 自定义按钮内容 |
| background | 自定义开关的背景内容 |