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'
    }
  })
}


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM