vue前端传集合到后台参数接收

前端:vue

后台： springBoot + Mybatis

前端一个保存的操作传参为一个数组：[{cost: 23, storeNbr: "108", deptNbr: 93, retail: 3}]，联调的时候一直提示参数格式不对，经过各种尝试，最终被我折腾出来了。。。。。 

　　后台Controller层代码：

/**
 * 调整金额
 * @param list
 * @return
 */
@RequestMapping(value = "/changeCost", method = RequestMethod.POST)
public RespBody changeData(@RequestBody List<BuyerCostChange> list) {
    try {
        buyerCostChangeServiceImpl.changeData(list);
    } catch (Exception e) {
        e.printStackTrace();
    }
    return new RespBody();
}
前端调用代码：

data () {

　　return {

　　　　newList: [],

　　　　formParams: {

　　　　　　changeList: [],

　　　　}

　　}

}

changeCost(this.formParams.changeList).then(res => {

　　this.$message({

　　　　message: '新增成功',

　　　　type: 'success'

　　})

this.dialogFormVisible = false

this.$refs['formParams'].resetFields();

　　this.queryData()

})

js代码：

// 修改金额

export function changeCost(query) {

　　return request({

　　　　url: '/buyerCostChange/changeCost',

　　　　method: 'POST',

　　　　data: query,

　　　　headers: {

　　　　　　'Content-Type': 'application/json;charset=UTF-8'

　　　　}

　　})

}