項(xiàng)目中需要用到多選和單選框猿妈，許多框架都有精钮，但是發(fā)現(xiàn)使用很不靈活袍啡。這里自己封裝了一個(gè)支持單選和多選的vue組件们衙〖卣看看使用
多選：
<easy-check-box
:data="scope.row.arr"
width="20%"
>
</easy-check-box>
效果：
image.png
單選：
<easy-check-box
:data="scope.row.arr"
width="20%"
:is-multiple="false"
>
</easy-check-box>
效果：
image.png
垂直排列
<easy-check-box
:data="scope.row.arr"
direction="column"
>
</easy-check-box>
image.png
另外本組件還支持自定義icon、樣式和插槽等蒙挑， git點(diǎn)擊查看源碼
下圖是效果測(cè)試展示宗侦。
image.png
EasyCheckBox詳細(xì)使用demo，詳細(xì)參數(shù)如下：
easy-check-box 參數(shù)解析：
| 參數(shù) | 解釋 |
|---|---|
| data | 數(shù)據(jù) |
| selectIndex | 選擇下標(biāo)忆蚀。例如：[0,1] |
| isMultiple | 默認(rèn)是否是多選矾利，單選是false |
| width | 寬度 |
| height | 高度 |
| direction | 居中方式 默認(rèn)水平 row / column 垂直 |
| flexWrap | 是否可換行 ，默認(rèn)不可以 馋袜，none 可以 |
| justifyContent | 對(duì)齊方式男旗，默認(rèn)兩端對(duì)齊 |
| customIcon | 自定義icon。selectIcon選中欣鳖，normalIcon未選中 |
| typeShape | 自定義展示類型 rect 方形 -> 擴(kuò)展: circle 圓形 -> custom 自定義class |
| typeSlot | 是否使用自定義模板 插槽 |
easy-check-box-item 參數(shù)解析：
| 參數(shù) | 解釋 |
|---|---|
| text | 文本 |
| isSelect | 是否選中 |
| typeShape | rect 方形 -> 擴(kuò)展: circle 圓形 -> custom 自定義class |
| customIcon | 自定義icon察皇。selectIcon選中，normalIcon未選中 |
