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();

})

}