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 许可证发布,欢迎个人和企业用户免费使用