Needling Perl Mongers

    @beisen/CheckboxList

    0.1.48 • Public • Published

    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' }] } //定义传入组件的数据

    使用组件
    
    

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

    Install

    npm i @beisen/CheckboxList

    DownloadsWeekly Downloads

    2

    Version

    0.1.48

    License

    ISC

    Last publish

    Collaborators

    • beisencorp