Neglected Pulse Machine

    @beisen-platform/checkbox-list

    1.0.4 • Public • Published

    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} /> //将数据传入组件
    
    
    

    Install

    npm i @beisen-platform/checkbox-list

    DownloadsWeekly Downloads

    65

    Version

    1.0.4

    License

    ISC

    Unpacked Size

    25.6 kB

    Total Files

    9

    Last publish

    Collaborators

    • beisencorp