后台接口定义示例

@DeleteMapping("/delete")
@ApiOperation("批量删除接口")
public Result<Boolean> delete(@RequestBody List<Long> ids) {
    return XXService.delete(ids);
}

axios请求示例

axios 0.22.0 版本以下的

deleteXX(row){
  var ids = [];
  ids.push(row.id)
  this.$axios
    .delete(
    	"/xxx/xxx/delete", 
    	{data:ids}
    ).then(res => {
    	console.log("批量删除返回"+res)
  });
}

axios 0.22.0 版本以上的

deleteXX(row){
  var ids = [];
  ids.push(row.id)
  this.$axios.request({
        url:"/xxx/xxx/delete",
        method:"delete",
        data:ids
      }
  ).then(res => {
    console.log("批量删除返回"+res)
  });
}

说明
axios 0.22.0的版本在delete方法中,在config中配置data属性并不能上传payload数据,可采用axios.request()方法替代

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐