Skip to content

Switch 开关

规则

基础示例

Props 配置示例

自定义值

自定义显示内容

加载中(切换时模拟)

尺寸对比(小 / 中 / 大)

整框禁用

Events 事件示例

监听开关变化

联动更新其他字段

完整配置项:TDesign_Switch

valuestring | number | boolean

Props

参数说明类型默认值版本
beforeChange切换状态前回调(支持 Promise)() => boolean | Promise<boolean>--
customValue自定义开关值 [开, 关]Array<SwitchValue>--
disabled是否禁用boolean--
label开关内容 [开, 关] 或函数Array<string | TNode> | TNode<{ value }>[]-
loading加载中booleanfalse-
size尺寸small | medium | largemedium-
value开关值string | number | boolean--
defaultValue非受控开关值string | number | boolean--

Events

事件说明类型版本
change数据变化(value, context: { e: MouseEvent }) => void-

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