Element 中 Table 多选数据批量调用接口完整代码示例

这段代码展示了如何使用 Element UI 的 Table 组件获取选中的多条数据，并通过循环遍历每条数据调用接口，实现批量操作。

// 获取选中的数据
const selectedRows = this.$refs.table.selection;

// 遍历选中的数据，调用接口
selectedRows.forEach(row => {
  axios.post('your_api_url', {
    id: row.id // 根据实际情况传递参数
  })
  .then(res => {
    // 处理接口返回的数据
    console.log(res);
  })
  .catch(err => {
    // 处理接口调用失败的情况
    console.log(err);
  });
});

代码说明：

使用 this.$refs.table.selection 获取选中的数据，table 是 Table 组件的 ref 属性。
使用 forEach 方法遍历选中的数据，依次调用接口。
使用 axios 库发送 HTTP 请求，你也可以使用 $.ajax 或其他库。
在接口调用成功或失败的回调函数中，你可以根据具体情况来处理返回的数据或错误信息。

注意：

将 your_api_url 替换为你的实际 API 地址。
将 id 替换为你的实际数据 ID 字段名称。
可以根据需要调整代码中的参数和逻辑。