@beisen/checkbox-list

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beisen/checkbox-list
Minified + gzip package size for @beisen/checkbox-list in KB

Readme

checkbox-list组件说明文档

1.安装npm组件包

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

2.引用组件

import CheckboxList from "@beisen/checkbox-list"
  1. 组件参数
{
  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} /> //将数据传入组件

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.