前端vue.js传参list集合 ，springBoot后端接受方式。_vue传list到后端

方式一：

前端传 两个字符串参数的 同时 还要传输一个list集合参数 

//批量分配任务
export function batchAddTask(accountList, batchId, dzUserNo) {
  return axios({
    url: `/api/review/reviewTask/batchAddTask`,
    method: 'post',
    params: {
      batchId: batchId,
      dzUserNo: dzUserNo,
    },
    data: accountList
  })
}

后端接口：可以用List<VO对象>集合和String 对象去接受，post请求记得加上@RequestBody。前端要用post请求方式

    /**
     * 批量新增任务
     *
     * @param accountList
     * @param batchId
     * @return
     */
    @ResponseBody
    @RequestMapping("/batchAddTask")
    public String batchAddTask(@RequestBody List<TaskAccountVoEntity> accountList, String batchId, String dzUserNo) {
        String code = reviewTaskService.batchAddTask(accountList, batchId, dzUserNo);
        if ("300".equals(code)) {
            return "300";
        } else if ("400".equals(code)) {
            return "400";
        } else if ("600".equals(code)) {
            return "600";
        }
        return saveScoreData(code);
    }

方式二：

前端写法

export function saveReport(data) {
  debugger
  return axios({
    url: '/api/sjkhsj/saveReportImportExcelData',
    method: 'post',
    //原始传参法
    data
  })
}

后端接受可以用List<VO对象>集合和String 对象去接受，post请求记得加上@RequestBody。

    @ResponseBody
    @RequestMapping("/saveReportImportExcelData")
    public String saveReportImportExcelData(@RequestBody List<SjImprotShowEntityVo> improtShowEntityVos){
 
        return null;
    }

方式三：

前端写法

export function saveReport(data) {
  debugger
  return axios({
    url: '/api/sjkhsj/saveReportImportExcelData',
    method: 'post',
    //转换成json字符串
    data:JSON.stringify(data)
  })
}

后端用String对象接受，也可以用List<VO对象>集合去接受，post请求记得加上@RequestBody。