Vue.cli3使用axios中post向后台传数组包对象类型参数(qs篇)

1问题

向后端传数组包对象类型的参数(下面图片为例子)

解决

我们改怎么解决呢？
首先我们定义一个跟后台要接收的参数名一样的变量名
然后对这个变量名qs处理一下

// 点击提交
    handleUpTo() {
      let ldinfo = this.ruleForm.ldinfo
      console.log(ldinfo) //这里是上面的那些值
      let self = this
      Qs.stringify({ ldinfo: ldinfo }, { arrayFormat: 'repeat' }) //在这里给赋值过去的变量处理一下
      self.$refs.RuleForm.validate(async (valid) => {
        if (valid) {
          let res = await self.$http.post('/ld/insLouDongList.do', ldinfo)//这里请求接口参数不要{}
          console.log(res.data.msg)
        }
      })
    },

后台接收

后台用字符串接收，然后转为json格式就可以了

有用记得点赞