el-select实现下拉全选、反选等

<el-select
         v-model="areaValue"
         multiple
         filterable
         placeholder="请选择"
         @change="(val) => handleWeekChange(val)">
     <div class="selectStyle" v-for="(item, index) in closeArea">
         <!-- 全选 @change="(val) =>selectCity(index, item)  ||  @change="selectAll(item, index)"-->
         <el-checkbox
                 v-model="item.checked"
                 :value="item.provAreaName"
                 @change="(val) =>selectCity(index, item)">{
   {
   item.provAreaName}}
         </el-checkbox>
         <!-- 子选项 -->
         <el-option
                 v-for="(el, i) in item.child"
                 :key="index "
                 :label="el.label"
                 @click.native.prevent="handleClickOption(el, index, i)"
                 :value="el.value">
             <el-checkbox
                     style="float: left;margin-right: 5px"
                     v-model="el.checked"
             ></el-checkbox>
             <span
                     style="
                 float: left;
                 margin-left: 4px;
                 color: #8492a6;
                 font-size: 13px;
                   ">{
   {
    el.label }}</span>
         </el-option>
     </div>
 </el-select>

 /*屏蔽区域城市全选*/
        selectCity:function