前后端集合如何传递

前端vue后端rest风格：

1.路径传参（参数必传），通过pathvarible注解

后端：

  @DeleteMapping("/{YYIDs}")public R<Void> remove(@NotEmpty(message = "主键不能为空")@PathVariable String[] YYIDs) {return toAjax(mB08Service.deleteWithValidByIds(List.of(YYIDs), true));}

前端：传递的可以是集合

/*** 删除MB08* @param YYID*/
export const delMB08 = (YYID: string | number | Array<string | number>) => {return request({url: '/medicaltechnology/MB08/' + YYID,method: 'delete'});
};

2.后端使用@RequestParam注解，为query param传参

后端代码：如果要求参数可以为空，需要加上

required = false

 @GetMapping("/getNcisPushLog")public R<List<NcisPushVo>> getNcisPushLog(@RequestParam(required = false) List<String> dateRange){return R.ok(techBeianBingLiDetailService.getNcisPushLog(dateRange));}

前端：必须将参数转换为,分割的字符串后再传递

ts:
export function getNcisPushLog(query:any ) {return request({url: '/medicaltechnology/TechBeianBingLiDetail/getNcisPushLog',method: 'get',params: query});
}
index:
const getList = async () => {loading.value = true;queryParams.value.query=dateRange.value.join(',');const res = await getNcisPushLog(queryParams.value);dataList.value = res.data;loading.value = false;
};

最后还是建议直接放在对象中，在对象中放集合