el-select 多选，清空，选择“全部”其余清空，取消全部，其余还原

el-select 多选，清空，选择“全部”其余清空，取消全部，其余还原

记录一下

  <el-form-item v-show="formData.pushScope == '个人'" label="选择学生:">
            <el-select
              id="newStyle"
              v-model="formData.studentIdList"
              multiple
              placeholder="请选择"
              @change="handleStudent">
              <el-option
                v-for="item in studentList"
                :key="item.value"
                :label="item.userName"
                :value="item.userAccount"
              ></el-option>
            </el-select>
          </el-form-item>

方法

//弹框选择学生
      handleStudent(values) {
        var studentArr = []
        studentArr = values
         studentArr.forEach((arr)=>{
            if(arr == ''){
              this.formData.studentIdList = []
              this.formData.studentIdList = ['']
              this.studentList = []
            }
         })
        if (values[0] == []) {
          this.studentList = []
        }
        if (values.length == 0) {
          getClassInfo({
            schoolId: this.schoolId,
            classId: this.formData.classId,
          }).then((rals) => {
            this.studentList = rals.data.classStudentList
            this.studentList.unshift({ userName: '全部', userAccount: '' })
          })
        }
      },