[vue]axios 传数组参数及对象的方法

在vue项目中，使用axios 传参，参数为数组的传递方式


问题一： 传递数组
 
解决方案：使用qs.stringify() 方法，进行转换，根据你想到的形式，设置arrayFormat的值 .

1、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'indices' })
// 输出结果：'a[0]=b&a[1]=c'
2、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'brackets' })
// 输出结果：'a[]=b&a[]=c'
3、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'repeat' })
// 输出结果：'a=b&a=c'
4、qs.stringify({ a: ['b', 'c'] }, { arrayFormat: 'comma' })
// 输出结果：'a=b,c'

问题二：数组中存储的是对象
 
数组中的元素是对象，传递过去的JSON格式如下：

{
a: 1,
b[0][c]: 1
b[0][d]: 2
}

这种格式后端接口是不能解析的。因为后端需要的格式是这样子的：

{
a: 1,
b[0].c: 1
b[0].d: 2
}

 
解决方案：

设置 allowDots 属性值为true, 代码如下：

qs.stringify({a:1,b:[{c:1,d:2}]}, {arrayFormat: 'repeat',allowDots: true})

欢迎关注，右下角公众号，获取最新推送