Skip to content

Switch 开关

规则

基础示例

Props 配置示例

自定义值

方形开关

加载中(切换时模拟)

尺寸对比(小 / 中 / 大)

整框禁用

Events 事件示例

监听开关变化

联动更新其他字段

完整配置项:naive-ui_Switch

value :Number | String

Props

名称类型默认值说明
checked-valuestring | boolean | numbertrue选中时对应的值
disabledbooleanfalse是否禁用
loadingbooleanfalse是否加载
rail-style(info: { focused: boolean, checked: boolean }) => (CSSProperties | string)undefined创建轨道样式的函数
roundbooleantrue是否为圆形按钮
size'small' | 'medium' | 'large''medium'开关大小
unchecked-valuestring | boolean | numberfalse未选中时对应的值
on-update:value(value: boolean) => voidundefined组件值发生变化的回调

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