美文网首页
ElementUI批量上传报错Uncaught TypeErro

ElementUI批量上传报错Uncaught TypeErro

作者: boldiy | 来源:发表于2022-12-03 23:24 被阅读0次

    vue在使用el-upload组件进行多文件上传时报错Uncaught TypeError: Cannot set properties of undefined (setting ‘status’)。

    经过反复断点、注释查找,最终发现问题在于:
    (1)上传成功后fileList被清空:this.emit('transmission', file.response.data.uid),在组件上使用:file-list="[]"的方式同样也会报错; (2)上传成功后向父组件传值:this.emit('transmission', file.response.data.uid);
    但是由于多文件上传做了限制(limit),即使分多次上传,只要fileList的长度大于limit的限制,即会被捕获,最后通过控制在最后一个文件时清空fileList得以解决:

    // 在上传的最后一个文件处调用,否则报错
    if (file == fileList[fileList.length - 1]) {
    // 清空上传文件列表,否则影响上传文件数限制判断
    this.$refs.upload.clearFiles();
    }

    相关文章

      网友评论

          本文标题:ElementUI批量上传报错Uncaught TypeErro

          本文链接:https://www.haomeiwen.com/subject/kvbmfdtx.html