checkbox-list组件说明文档
1.安装npm组件包npm install @beisen/checkbox-list --save-dev
2.引用组件
``` import CheckboxList from "@beisen/checkbox-list" ```
- 组件参数
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} /> //将数据传入组件