el-checkbox-group的使用

el-checkbox-group的使用有两种方式。

第一种方式是使用v-model绑定选中的值，然后使用v-for循环遍历一个数组，生成多个el-checkbox组件，代码如下：

<el-checkbox-group v-model="checkTypeList">
  <el-checkbox v-for="(item,index) in sendTypeList" :key="index" :label="item.value">{{item.label}}</el-checkbox>
</el-checkbox-group>

在这种方式下，每个el-checkbox的label属性会绑定到一个对象中的value属性上，这个对象会作为选中项的值。

第二种方式是将v-model绑定到一个数组，然后使用v-for循环遍历一个数组，生成多个el-checkbox组件，代码如下：

<el-checkbox-group v-model="checkTypeList">
  <el-checkbox v-for="(item,index) in sendTypeList" :key="index" :label="item">{{item.label}}</el-checkbox>
</el-checkbox-group>

在这种方式下，每个el-checkbox的label属性会直接绑定到一个值上，这个值会作为选中项的值。

根据具体需求，你可以选择其中一种方式来使用el-checkbox-group组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [element el-checkbox-group 的用法](https://blog.csdn.net/weixin_45753961/article/details/118542376)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [nested_el-checkbox:element-ui的el-checkbox实现嵌套多选，单选](https://download.csdn.net/download/weixin_42107561/18609162)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]