formdata传递参数_使用formData传递数组·

formData其实就相当于是个表单，平常我们创建表单需要通过标签，而我们使用formData就可以直接创建一个表单，因为我们需求中还得有上传文件的操作，所以我们使用formData来给后台传递数据。

我这边业务需求是点击保存时，会将表单和文件一起上传给后台，并且还是个数组，因为有多个IP地址。

image.png

后台要求的数据格式，有几个IP数组中就有几个对象

image.png

父组件使用ref获取upload组件方法， 这块还有一点需要注意，因为我的upload是在v-for循环下面，所以我们获得真实节点时也是一个数组，需要遍历取一下。

const {domains,taskData} = this.form

const formdata = new FormData()

this.$refs.Upload.map((item,index) => {

item.benchmark(domains,taskData,index,formdata)

})

this.$axios.post('/update/upload_benchmark/',formdata,config).then(res => {

const {code,msg} = res.data

if(code === 0){

this.$message({

message: '保存成功',

type: 'success'

});

}else{

this.$message.error(msg)

}

})

upload组件中的方法

benchmark(targets, taskData, index, formdata) {

formdata.append(`targets[${index}][target]`, targets[index].value)

formdata.append(`targets[${index}][task_type]`, taskData)

formdata.append(`targets[${index}][benchmark_file]`, this.upFileList[0])

if (!this.upFileList[0]) {

this.$message.error('请上传文件')

return

}

},