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

1问题向后端传数组包对象类型的参数(下面图片为例子)解决我们改怎么解决呢？首先我们定义一个跟后台要接收的参数名一样的变量名然后对这个变量名qs处理一下// 点击提交handleUpTo() {let ldinfo = this.ruleForm.ldinfoconsole.log(ldinfo) //这里是上面的那些值let self = thisQs.stringify({ ldinfo: ld

泽辰~

2761人浏览 · 2020-08-05 10:35:31

泽辰~ · 2020-08-05 10:35:31 发布

在这里插入图片描述

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