项目中经常用到复选框组来实现比如爱好的选择等功能,下面使用最简洁的代码实现:
首先组件是使用:
<a-checkbox-group
v-model="selPubTypes"
:options="pubTypes"
/>
其中pubTypes是选项的定义,比如[{ value:1, label:'踢球',....}],selPubTypes是选择项的value的集合,比如[1,2]。
如果默认有选项,则直接赋值给selPubTypes即可;如果要获取复选框组的值,直接使用selPubTypes即可。
以上就是a-checkbox-group组件最简洁的使用方法。