el-checkbox

el-checkbox是一个基于Element UI框架的复选框组件。它可以用于在表单中选择一个或多个选项。el-checkbox组件具有以下特点：

1. 使用v-model指令来绑定数据，可以实现数据的双向绑定。
2. 可以使用label属性来设置复选框的值。
3. 可以使用@click.native事件来监听复选框的点击事件。
4. 可以使用:indeterminate属性来设置复选框的中间状态。
5. 可以使用v-for指令来循环渲染多个复选框。

以下是两个示例代码：

示例1：

<el-checkbox-group v-model="codes">
  <template v-for="(item, index) in allCodes">
    <el-checkbox :label="item.value" :key="item.value" @click.native="handleCheckRegion($event, item.value)">
      {{ item.value }}
      <a class="detail-btn" :key="index" @click="clickToDetail($event, item.value)">详情</a>
    </el-checkbox>
  </template>
</el-checkbox-group>

示例2：

<el-checkbox-group v-model="checkedRoleCodes" @change="handleCheckedRoleChange">
  <template v-for="(role, index) in allRoles">
    <el-checkbox :label="role.value" :key="role.value" @click.native="handleCheckRole($event, role)" :indeterminate="role.indeterminate">
      {{ role.text }}
      <a class="detail-btn" @click="clickRoleToRegionDetail($event, role)" :key="index">详情</a>
    </el-checkbox>
  </template>
</el-checkbox-group>