Switch 开关
规则
基础示例
Props 配置示例
自定义值
方形开关
加载中(切换时模拟)
尺寸对比(小 / 中 / 大)
整框禁用
Events 事件示例
监听开关变化
联动更新其他字段
完整配置项:naive-ui_Switch
value :Number | String
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| checked-value | string | boolean | number | true | 选中时对应的值 |
| disabled | boolean | false | 是否禁用 |
| loading | boolean | false | 是否加载 |
| rail-style | (info: { focused: boolean, checked: boolean }) => (CSSProperties | string) | undefined | 创建轨道样式的函数 |
| round | boolean | true | 是否为圆形按钮 |
| size | 'small' | 'medium' | 'large' | 'medium' | 开关大小 |
| unchecked-value | string | boolean | number | false | 未选中时对应的值 |
| on-update:value | (value: boolean) => void | undefined | 组件值发生变化的回调 |


