vue上传文件的坑

在这个地方浪费了我两天时间，必须总结一下经验

<input multiple type="file" ref="file" id="uploadFile" @change="aaa($event)">

aaa(e) {
      console.log('e.target.files')
      console.log(e.target.files)
    },

这是第一种获取file的方式e.target.files，这个打印出来

这段代码放在提交的方法里面

第二种 document.getElementById('uploadFile').files
第三种 this.$refs.file.files

this.files = document.getElementById('uploadFile').files
console.log('werqwetgbf')
console.log(this.files)
console.log('1111')
console.log(this.$refs.file.files)

打印

打印出来没错，这里提交时候出错了

报错

"Failed to convert property value of type 'java.lang.String' to required type 'org.springframework.web.multipart.MultipartFile[]' for property 'inputFile'; nested exception is java.lang.IllegalStateException: Cannot convert value of type 'java.lang.String' to required type 'org.springframework.web.multipart.MultipartFile' for property 'inputFile[0]