@beisen-cmps/checkbox-list

checkbox-list组件说明文档

1.安装npm组件包

npm install @beisen/checkbox-list --save-dev

2.引用组件

import CheckboxList from "@beisen/checkbox-list"

1. 组件参数

checkboxItems:[  //传入的标签数据
  {
    value: 0, //number  当前复选框id，必填
    bsStyle: true, //bool ，两个值可选：true，false true
    isChecked: true, //bool 当前复选框状态 已选/未选 
    text: '内容', //string，标签内容，必填
    hasPic: false //bool 选项后有icon 默认不可编辑false
  }
]


state = {
  name: "测试",
  hidden: false,
  disabled: false,
  hasRender: true,
  required: false,
  errorStatus: false, //是否报错
  errorMsg: "出错了~~~！", //报错信息
  helpMsg:"dqwdqw",
  sideTip:false ,//toolTip是否左右显示
  hiddenTip:false, //toolTip是否显示
  onClick: function(event,data) {
    console.log(event,data)//enent值为event.target
  },
  picClick: function(value){console.log(value)},
  checkboxItems: [{
    value: 0,
    bsStyle: false,
    isChecked: false,
    text: '内容0'
  },
  {
    value: 1,
    bsStyle: true,
    isChecked: false,
    text: '内容1'
  },
  {
    value: 2,
    bsStyle: true,
    isChecked: false,
    text: '内容2'
  }]
}
      //定义传入组件的数据

使用组件

<CheckboxList {...this.state} /> //将数据传入组件