@beisen/CheckboxList
v0.1.48
Published
### 参数说明
Downloads
129
Maintainers
Readme
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} /> //将数据传入组件