Switch开关

该文档不再维护,新版文档地址:form-create 文档


开关元素类型 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 -

results matching ""

    No results matching ""