doubleyong
管理员
管理员
  • 最后登录2021-06-18
  • 发帖数1013
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:524回复:0

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

楼主#
更多 发布于:2021-03-30 16:23
在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})


欢迎关注,右下角公众号,获取最新推送
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号