@beisen/checkbox-list

checkbox-list组件说明文档

1.安装npm组件包

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

2.引用组件

import CheckboxList from "@beisen/checkbox-list"

3. 组件参数

{
  name: "测试",
  hidden: false,
  disabled: false,
  hasRender: true,
  required: false,
  errorStatus: false, //是否报错
  errorMsg: "出错了~~~！", //报错信息
  helpMsg: "dqwdqw",
  sideTip: false, //toolTip是否左右显示
  hiddenTip: false, //toolTip是否显示,
  hasNoTitle:false,
  lableTxt:'',
  lablePos:'',
  onClick: function (event, data) {
    console.log(event, data) //enent值为event.target
  },
  /** 点击图片回调 */
  picClick: function (value) {
    console.log(value)
  },
  checkboxItems: [  //传入的标签数据
    {
      value: 0, //number  当前复选框id，必填
      bsStyle: true, //bool ，两个值可选：true，false true
      isChecked: true, //bool 当前复选框状态 已选/未选 
      text: '内容', //string，标签内容，必填
      hasPic: false, //bool 选项后有icon 默认不可编辑false
      itemReadonly: false, //bool 选项变为只读状态 点击事件禁用 iconClick不禁止
      toolTipMsg: '我是toolTipMsg', //checkboxItem上的toolTip
    }
  ]
}

使用组件

let props = {
  name: "测试",
  hidden: false,
  disabled: false,
  hasRender: true,
  required: false,
  errorStatus: false, //是否报错
  errorMsg: "出错了~~~！", //报错信息
  helpMsg: "dqwdqw",
  sideTip: false, //toolTip是否左右显示
  hiddenTip: false, //toolTip是否显示,
  hasNoTitle:false,
  lableTxt:'',
  lablePos:'',
  onClick: function (event, data) {
    console.log(event, data) //enent值为event.target
  },
  /** 点击图片回调 */
  picClick: function (value) {
    console.log(value)
  },
  checkboxItems: [  //传入的标签数据
    {
      value: 0, //number  当前复选框id，必填
      bsStyle: true, //bool ，两个值可选：true，false true
      isChecked: true, //bool 当前复选框状态 已选/未选 
      text: '内容', //string，标签内容，必填
      hasPic: false, //bool 选项后有icon 默认不可编辑false
      itemReadonly: false, //bool 选项变为只读状态 点击事件禁用 iconClick不禁止
      toolTipMsg: '我是toolTipMsg', //checkboxItem上的toolTip
    }
  ]
}

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