el-checkbox-group用法

el-checkbox-group 是 Element UI 框架中的一个多选框组件，可以实现多个选项的选择。

使用方式如下：

1. 引入 Element UI 框架

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

2. 在组件中使用 el-checkbox-group

<template>
  <div>
    <el-checkbox-group v-model="checkedCities">
      <el-checkbox label="上海"></el-checkbox>
      <el-checkbox label="北京"></el-checkbox>
      <el-checkbox label="广州"></el-checkbox>
      <el-checkbox label="深圳"></el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedCities: []
    }
  }
}
</script>

在上述代码中，el-checkbox-group 绑定了一个数组 checkedCities，用于存储被选中的选项的值。el-checkbox 组件中的 label 属性可以指定当前选项的值。

使用 v-model 指令可以实现双向绑定，即当选中的选项发生变化时，checkedCities 数组会自动更新，反之亦然。

以上是 el-checkbox-group 的基本用法，你可以根据自己的需求设置不同属性和样式来达到不同的效果。