VUE this.$axios qs提交数组对象相互嵌套格式的数据

最新推荐文章于 2023-08-16 11:25:55 发布

lning8808

最新推荐文章于 2023-08-16 11:25:55 发布

阅读量2.2k

点赞数 1

分类专栏：问题记录

本文链接：https://blog.csdn.net/lning8808/article/details/105207801

版权

问题记录专栏收录该内容

7 篇文章 0 订阅

订阅专栏

vue中提交表单经常会用到this.qs，但是有时候会需要提交相对复杂的格式比如：arr=[{a:[1,2,3],b:’’,c:’’},{a:[1,2,3],b:’’,c:’’}]这种格式的数据如果直接用data:this.qs.stringify({})后台直接就会报错，此时用network查看会发现提交的数据被解析的相当奇怪，这时候我们就需要用到qs的arrayFormat和allowDots这两个属性
具体写法

this.$axios({
    method: "POST",
	url:'url',
	dataType:'json',
	contentType: 'application/json;charset-UTF-8',
    data: this.qs.stringify(this.form,{arrayFormat: 'indices', allowDots: true}),
}).then(res=>{
	console.log(res)
}).cach(err=>{
	console.log(err)
})