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 =>{
........
}
}
这是我目前使用的方法,肯定是少东西的。