Skip to content

Switch 开关

规则

基础示例

Props 配置示例

自定义颜色

自定义尺寸

加载中(切换时模拟)

整框禁用

Events 事件示例

监听开关变化

联动更新其他字段

完整配置项:Vant_Switch

value :Number | String | Boolean

Props

参数说明类型默认值
loading是否为加载状态booleanfalse
disabled是否为禁用状态booleanfalse
size开关按钮的尺寸,默认单位为 pxnumber | string26px
active-color打开时的背景色string#1989fa
inactive-color关闭时的背景色stringrgba(120, 120, 128, 0.16)
active-value打开时对应的值anytrue
inactive-value关闭时对应的值anyfalse

Events

事件名说明回调参数
change开关状态切换时触发value: any
click点击时触发event: MouseEvent

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用