Switch 开关
规则
基础示例
Props 配置示例
尺寸对比（小 / 默认 / 大）
加载中（静态展示）
切换时短暂 loading
整框禁用
Events 事件示例
value：string | number | boolean | object（与 checkedValue / unCheckedValue 对应）；表单多为 boolean。
Props
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| autoFocus | 挂载聚焦 | boolean | false | - |
| checked | 是否选中，支持 v-model:checked | string | number | boolean | object | false | - |
| checkedChildren | 选中时内容 | VueNode | - | - |
| checkedValue | 选中时的值 | string | number | boolean | object | true | - |
| classes | 语义化 class | SwitchClassNamesType | - | - |
| defaultChecked | 初始选中 | string | number | boolean | object | false | - |
| defaultValue | defaultChecked 别名 | string | number | boolean | object | - | 5.12.0 |
| disabled | 禁用 | boolean | false | - |
| loading | 加载中 | boolean | false | - |
| size | 大小 | default | small | default | - |
| styles | 语义化 style | SwitchStylesType | - | - |
| unCheckedChildren | 非选中内容 | VueNode | - | - |
| unCheckedValue | 非选中时的值 | string | number | boolean | object | false | - |
| value | checked 别名，支持 v-model:value | string | number | boolean | object | - | 5.12.0 |
Events
| 事件 | 说明 | 类型 | 版本 |
|---|---|---|---|
| change | 变化 | (checked: boolean, event: Event) => void | - |
| click | 点击 | (checked: boolean, event: Event) => void | - |