使用ElementPlus表单同文件一起上传时获取不到上传的文件
upload组件
将表单数据封装到formData
前端打印
我觉得是文件没有执行上传操作导致文件没有回显,也可能是我代码有问题!
前端技术栈:vue3+elementPlus+ts
upload组件 action你没有填写上传url;也没有调用自定义上传的方法http-request 覆盖默认的 Xhr 行为,允许自行实现上传文件的请求
file的取值错了吧,:file-list里面绑定的是personDetail.file, 那你获取的时候应该也要对应的:
console.log("file---->", this.personDetail.file)
network 里请求 状态是什么样的
上传组件是有动作回调的,初始接收的数据确实可以同步,但是你操作之后,数据并没有同步,同步的只是回显而已,需要在动作回调中把你的personDetail重新赋值,这样才能把数据获取到@change="handleFileChange",在handleFileChange里获取数据再用代码同步就好了