Checkbox 多选框

Maker

  1. $formCreate.maker.checkbox('标签','label',["1","2","3"]).options([
  2.     {value:"1",label:"好用",disabled:true},
  3.     {value:"2",label:"方便",disabled:false},
  4.     {value:"3",label:"实用",disabled:false},
  5.     {value:"4",label:"有效",disabled:false},
  6. ])

JSON

  1. {
  2.     type:"checkbox",
  3.     title:"标签",
  4.     field:"label",
  5.     value:["1","2","3"],
  6.     options:[
  7.         {value:"1",label:"好用",disabled:true},
  8.         {value:"2",label:"方便",disabled:false},
  9.         {value:"3",label:"实用",disabled:false},
  10.         {value:"4",label:"有效",disabled:false},
  11.     ]
  12. }

参考:Ant-design-vue_Checkbox

value :Array

options

字段名 说明 字段类型 是否必填 默认值
value 参数值 String,Number true -
label 字段别名 String true -
disabled 设置为禁用状态 Boolean false false

props
参数 说明 类型 默认值
defaultValue 默认选中的选项 string[] []
disabled 整组失效 boolean false
name CheckboxGroup 下所有 input[type="checkbox"] 的 name 属性 string -
options 指定可选项，可以通过 slot=”label” slot-scope=”option” 定制label string[] \ Array<{ label: string value: string disabled?: boolean, indeterminate?: boolean, onChange?: function }> []
value 指定选中的选项 string[] []

on 事件

事件名称 说明 回调参数
change 变化时回调函数 Function(checkedValue)