Ant Design of Vue 上传文件状态一直为uploading问题

需求:
多文件上传 ,上传的时候绑定fileList回显

问题:
上传成功了,也拿到了后台返回的数据,但是onchang监听的时候,file的状态一直是uploading

原因:onchange 只触发了一次

解决:
使用单文件上传时@change事件会至少触发两次,一次file.status=uploading,最后一次要么是done或者error,
对于受控模式,你应该在 onChange 中始终随时跟踪fileList的状态,保证所有状态同步到Upload内。

      ev_handleChange(info) {
        let { fileList }  = info
        this.formData.fileList = [...fileList] 
        this.formData.fileId = fileList.map( item => item.response ? item.response.data :item.uid) //id
    }
posted on 2022-04-06 17:10  文仲玉  阅读(689)  评论(0编辑  收藏  举报