@beisen/CheckboxList NPM

CheckboxList组件说明文档

参数说明

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

组件使用方法

import CheckboxList from './src/index.js'; //引入CheckboxList组件
state = {
  name:"测试",
  hidden: false,
  disabled:false,
  onClick: function(event,data) {
        console.log(event,data)//enent值为event.target
      },
  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} /> //将数据传入组件


## CheckboxList组件说明文档

### 参数说明

checkboxItems: //传入的标签数据 { value: 0, //number 当前复选框id，必填 bsStyle: true, //bool ，两个值可选：true，false true isChecked: true, //bool 当前复选框状态已选/未选 text: '内容', //string，标签内容，必填 }

### 组件使用方法

import CheckboxList from './src/index.js'; //引入CheckboxList组件 state = { name:"测试", hidden: false, disabled:false, hasRender: true, //是否渲染 required: true, //是否显示必填红星 horizontal: true, //水平显示or垂直显示 onClick:function(val){console.log(val)}, 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' } } //定义传入组件的数据