Switch开关
开关元素类型 type: switch
举例:
{
type:"switch",
title:"是否上架",
field:"is_show",
value:"1",
props: {
"trueValue":"1",
"falseValue":"0",
},
slot: {
open:"上架",
close:"下架",
},
}
maker快速生成:
$formCreate.maker.switch('是否上架','is_show','1').slot({
open:"上架",
close:"下架",
}).props({
"trueValue":"1",
"falseValue":"0",
})
基本规则 rule:
字段名 |
说明 |
字段类型 |
是否必填 |
默认值 |
type |
元素类型 |
String |
true |
- |
field |
字段名称 |
String |
true |
- |
title |
字段别名 |
String |
true |
- |
value |
字段值 |
String,Number,Array |
false |
- |
slot |
自定义显示 |
Object |
false |
- |
props |
元素配置 |
Object |
false |
- |
event |
元素事件 |
Object |
false |
- |
validate |
验证规则 |
Array |
false |
- |
自定义显示 Slot:
字段名 |
说明 |
字段类型 |
是否必填 |
默认值 |
open |
自定义显示打开时的内容 |
String |
false |
- |
close |
自定义显示关闭时的内容 |
String |
false |
- |
元素配置 props:
字段名 |
说明 |
字段类型 |
是否必填 |
默认值 |
trueValue |
选中时的值,当使用类似 1 和 0 来判断是否选中时会很有用 |
Boolean,Number,String |
false |
'1' |
falseValue |
没有选中时的值,当使用类似 1 和 0 来判断是否选中时会很有用 |
Boolean,Number,String |
false |
'0' |
size |
开关的尺寸,可选值为large、small、default或者不写。建议开关如果使用了2个汉字的文字,使用 large。 |
String |
false |
- |
disabled |
禁用开关 |
Boolean |
false |
false |
事件扩展 event:
事件名 |
说明 |
字段类型 |
是否必填 |
默认值 |
change |
开关变化时触发,返回当前的状态 0 或 1 |
Function |
false |
- |