在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}) 欢迎关注,右下角公众号,获取最新推送 |
|
|