element ui 批量删除

<el-form-item>
          <el-button v-if="permissions.sys_menu_add" icon="el-icon-plus" type="primary"
                     @click="addOrUpdateHandle(false)">
            添加
            </el-button>
          <el-button  icon="el-icon-minus" type="primary"
                     @click="batchDelete(tableChecked)"
                     :disabled="this.tableChecked.length === 0"
                     >
            批量删除
          </el-button>
        </el-form-item>

默认如果没有勾选按钮删除按钮不可点击

绑定事件勾选时便触发

声明3个变量用来保存上面点击时保存的数据

//勾选按钮时将选中的值赋值进新数组中（方便后面批量删除请求时一次性提交多个数组）
handleSelectionChange(val) {
        console.log("handleSelectionChange--",val)
        this.tableChecked = val
 },
//批量删除调用接口
      batchDelete(rows){ 
          var _this = this;
          _this.$confirm('是否确认此操作?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          rows.forEach(element =>{
            _this.ids.push(element.id)
          })
            console.log( _this.ids)

          let param = {
            "token": getSessiontoken('token'),
            "chargingStationIdList":_this.ids
          }
          deleteAllCharging(param).then(function (res) {
            var obj = JSON.parse(utilFile.decrypt(res.data.a));
            if (obj.code == '200') {
              _this.$message.success('操作成功');
               _this.chargingUserList();
            } else {
              _this.$message.error(obj.msg);
            }
          }).catch(function (err) {
            console.log(err);
          })
        
        }).catch(() => {
           alert(2)
          this.$message({
            type: 'info',
            message: '已取消'
          });
        });
    },