vue 前台对象转json_vue.js如何将form存成json格式

RT,一个form里有多行输入,我想问下怎么能把所有的内容存成json的格式,再发送出去?我找到了很多方法都是jquery写的,想问问vue在这方面如何做到。

我可能阐述的不是很清楚,我是用的是JSON.stringfy,但我想要的json格式比较复杂,范例如下:

{

"Test_number":"name1"

"list":[

{

"user_id":[100, 200,300],

"group_number":"1"

},

{

"user_id":[400,500],

"group_number":"2"

}

]

}

其中,我会有四个输入框,分别是对应group_number(1),group_number(2), user_id(1),user_id(2)。前两个input就输入一个值,后两个会分别输入多个,比如在user_id这个input里一次性粘贴进100,200,300。我需要把这些存为数组格式,同时整个form又是个大的list数组,包含这两个object。主要是格式涉及数组,就不知道如何操作了。想知道在输入处v-model如何写,然后data return那部分的格式是什么。

前端部分:

Test number

submit

data部分:

data(){

return{

dataSet:{

test_number:'',

list:[

{

user_id:[],

group_number:''

},

{

user_id:[],

group_number:''

}

]

}

}

}

axios post:

submitWhiteList(event){

event.preventDefault();

let formData = new FormData();

formData.append('dataSet', dataSet);

let config = {

headers:{'Content-Type':'multipart/form-data'}

};

axios.post("/upload", formData

,config

).then(rst =>{

........

}

}

这是我目前使用的方法,肯定是少东西的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值