vue3前端调用后端接口实现批量删除

//删除的接口

export const deleteApi = (address: string, methods: string, id: string) => {

return instance<{ id: string }>({

url: address + "/" + id,

method: methods,

});

};

//批量删除

let selection = ref([])

const handleSelectionChange=(val: any)=>{

selection.value = val

}

const delOne= (id: string)=>{

if (selection.value.length == 0) {

ElMessageBox.confirm("确定要删除这条数据吗???")

return

}

selection.value.forEach(async item => {

await deleteApi("/parking/card", "DELETE",item.id);

// console.log(await deleteApi("/parking/card", "DELETE",item.id));

// await delConfig(item.id)

ceartch();

})

}

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-04-27 23:36:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-27 23:36:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-27 23:36:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-27 23:36:03       20 阅读

热门阅读

  1. Websocket

    2024-04-27 23:36:03       11 阅读
  2. 【前端技术】CSS基础入门篇

    2024-04-27 23:36:03       11 阅读
  3. 机器人系统能用MQTT5.0代替ROS2吗?

    2024-04-27 23:36:03       7 阅读
  4. LeetCode 1146. 快照数组【哈希表+二分查找】中等

    2024-04-27 23:36:03       11 阅读
  5. 大文件分片上传前端手写

    2024-04-27 23:36:03       10 阅读
  6. 机器视觉检测技术是什么?突出的亮点有哪些?

    2024-04-27 23:36:03       11 阅读
  7. web页面点击右键显示按钮

    2024-04-27 23:36:03       10 阅读
  8. 目前还能使用的免费证书

    2024-04-27 23:36:03       10 阅读
  9. SIC知识(8)--碳化硅的制备难点

    2024-04-27 23:36:03       9 阅读
  10. 诡异的linux系统负载问题

    2024-04-27 23:36:03       9 阅读
  11. Swift手撸轮播效果

    2024-04-27 23:36:03       10 阅读