Switch 开关
规则
基础示例
Props 配置示例
自定义颜色
自定义尺寸
加载中(切换时模拟)
整框禁用
Events 事件示例
监听开关变化
联动更新其他字段
完整配置项:Vant_Switch
value :Number | String | Boolean
Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| loading | 是否为加载状态 | boolean | false |
| disabled | 是否为禁用状态 | boolean | false |
| size | 开关按钮的尺寸,默认单位为 px | number | string | 26px |
| active-color | 打开时的背景色 | string | #1989fa |
| inactive-color | 关闭时的背景色 | string | rgba(120, 120, 128, 0.16) |
| active-value | 打开时对应的值 | any | true |
| inactive-value | 关闭时对应的值 | any | false |
Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 开关状态切换时触发 | value: any |
| click | 点击时触发 | event: MouseEvent |


