Skip to content

开关

image

介绍

互斥性的操作控件,用户可打开或关闭某个功能。

API

Props

参数名描述类型默认值
status状态'default' |'disabled'| 'hide''default'
title标题string'开关'
showLabel显示标题booleantrue
width字段占比'25%'|'50%'|'75%'|'100%''100%'
labelWidth标签宽度string-
value默认值booleanfasle
name数据字段string-
type类型'circle'|'round'|'line''circle'
size尺寸'medium'|'small''small'
checked打开状态时的文案string-
unchecked关闭状态时的文案string-
checkedIcon打开状态时的图标string-
uncheckedIcon关闭状态时的图标string-
uncheckedIcon关闭状态时的图标string-
baseStyle自定义样式 , 表格整体自定义样式string-
customClass类名绑定 , 绑定类的名称string-
boxStyle盒模型 , margin,border,padding设置BoxStyle-
uniqueKey唯一标识 , 组件的唯一标识string-
extra补充说明string-
tip气泡提醒string-
customRender只读内容自定义渲染booleanfalse
readonlyRenderFunc只读内容自定义渲染函数Function"function render(ctx, params) {\n // 返回jsx渲染内容\n return {params.value}\n}"
validate校验Validate-
loop循环, 循环渲染设置Loop-

Events

事件名描述参数
onChange值发生改变时ctx
param:{value:boolean}
loop:LoopParams
onFocus获得焦点时触发ctx
param:FocusEvent
loop:LoopParams
onBlur失去焦点时触发ctx
param:FocusEvent
loop:LoopParams