JavaScript 多选框批量删除功能实现代码

根据多选框的批量删除功能，可以使用以下代码实现：

batchRemove() {
  /** 批量删除按钮操作 */
  console.log(row, 'row');
  this.$confirm(
    '是否确认删除凭证组编号为' + row.voucherId + '的数据项?',
    '警告',
    {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning',
    }
  )
    .then(() => {
      console.log(' this.voucherGroupId', this.voucherGroupId);
      if (!this.voucherGroupId && !row.voucherId.length) {
        return;
      }
      let formData = new FormData();
      formData.append('voucherGroupId', this.voucherGroupId);
      formData.append('voucherIdList', row.voucherId);
      console.log(' formdata', formData);
      // return batchDelVoucherGroup(formData);
    })
    .then(() => {
      this.msgSuccess('删除成功');
      return this.getVoucherList();
    })
    .then(() => {
      this.loading = false;
    })
    .catch((error) => {
      console.log(error);
    });
},

这段代码中，首先使用this.$confirm方法弹出一个确认对话框，询问用户是否确认删除选中的数据项。如果用户点击确定，将执行后续的删除操作。

在确认删除后，首先判断this.voucherGroupId和row.voucherId是否存在。如果不存在，则直接返回，不执行删除操作。

然后创建一个FormData对象，将voucherGroupId和voucherId添加到其中。可以根据实际需求，将voucherId添加到voucherIdList数组中，或者直接将voucherId作为单独的参数添加。

接下来，可以调用相应的删除接口，将formData作为参数传递给该接口进行批量删除操作。根据实际情况，可以取消注释return batchDelVoucherGroup(formData);这行代码，并将其作为返回值。

在删除成功后，可以调用msgSuccess方法显示删除成功的提示信息，并调用getVoucherList方法重新获取凭证列表。

最后，将loading属性设置为false，表示删除操作已完成。

如果有任何错误发生，可以在catch块中捕获并输出错误信息。