vue delete请求传数组

在Vue.js中，当你需要发送一个DELETE请求并传递一个数组作为参数时，通常会将数组序列化为JSON字符串，因为浏览器默认不会直接发送数组。你可以通过以下几种方式实现：

1. 使用`axios`或`vue-resource`这样的库：

deleteItem(items) {
  axios.delete('/api/items', {
    params: { ids: items.map(item => item.id).join(',') } // 将数组转换为逗号分隔的字符串
  })
  .then(response => {/* 处理成功 */})
  .catch(error => {/* 处理错误 */});
}

2. 或者使用`fetch`：

async function deleteItems(items) {
  const formData = new FormData();
  for (const item of items) {
    formData.append('id', item.id);
  }
  try {
    await fetch('/api/items', {
      method: 'DELETE',
      body: formData,
    });
    /* 处理成功 */
  } catch (error) {
    /* 处理错误 */
  }
}

在这个过程中，重要的是确保服务器端能够正确解析这些ID，例如，如果你的API期望一个包含所有ID的列表，而不是字符串形式。