vue笔记：对接批量删除接口，怎么传输多个id删除多个对象

栀妹儿

于 2020-08-12 17:33:27 发布

阅读量3.2k

点赞数 3

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_38990605/article/details/107962041

版权

本文介绍了如何在Vue.js项目中对接批量删除接口，详细讲解了从多选表格获取ID，组合成字符串，再到转换为对象以满足接口需求的过程，解决了批量删除操作的参数传递问题。

摘要由CSDN通过智能技术生成

前提是你要在饿了么组件官网整个多选表格出来：
在这里插入图片描述
表格上还有两个最重要的：（自己写其他细节啦）

接口is coming:
发现swagger上显示需要提供每个要删除的角色的 “id”
测试了一个“字符串”样式的两个id，可行，开始页面对接

（假装接口已经写好了）

因为通过多选，得到的是一个数组：
在这里插入图片描述
所以我要利用多选改变函数提取数组中的“id”，组成字符串

handleSelectionChange(val) {
   
//这里多选数组就是val
    this.idStr = val.map(item => item.id).toString() ;  
},

现在我的 idStr 就是个字符串啦：
在这里插入图片描述
接口直接把字符串传走：

 delRolesByIds(

关注