element upload 上传文件报错status of undefined

151 阅读 0 评论 100 点赞

我是靠谱客的博主优秀过客，这篇文章主要介绍element upload 上传文件报错status of undefined，现在分享给大家，希望可以做个参考。

upload 上传报错

场景再现：点击编辑数据，修改上传文件，确定提交修改，关闭弹窗，清空数据和清空附件。

在这里插入图片描述

错误提示：上传报错，下图； Uncaught TypeError: Cannot set property ‘status’ of undefined

控制台错误

报错原因：设置了:file-list=“fileList”，filelist为只读，修改后就会报错 Cannot set property ‘status’ of undefined

解决方法：在成功回调中用setTimeout清空上传列表即可解决。

核心代码：

复制代码

1
2
3
4
setTimeout(() => {
    this.$refs.upload.clearFiles();
   }, 100);

具体方法代码：

复制代码

this.$refs[forms].validate((valid) => {
          if (valid) {
            EditTrainingRecord(this.form)
              .then((res) => {
                if (res.status == 200) {
                  this.folder.folderId = this.form.accessory;
                  this.submitUpload();
                  this.$message({
                    message: "添加成功",
                    type: "success",
                    center: true,
                    showClose: true,
                  });
                  //清空附件列表
                  setTimeout(() => {
                    this.dialogFormVisible = false;
                    this.$refs.upload.clearFiles();
                  }, 100);

this.getList();
                } else {
                  this.$message({
                    message: res.content,
                    type: "warning",
                  });
                }
              })
              .catch((res) => {
                this.dialogVisible = false;
                this.$message({
                  message: "系统异常，请联系管理员",
                  center: true,
                  type: "error",
                });
              });
          } else {
            console.log("error submit!!");
            return false;
          }
        });

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
this.$refs[forms].validate((valid) => {
          if (valid) {
            EditTrainingRecord(this.form)
              .then((res) => {
                if (res.status == 200) {
                  this.folder.folderId = this.form.accessory;
                  this.submitUpload();
                  this.$message({
                    message: "添加成功",
                    type: "success",
                    center: true,
                    showClose: true,
                  });
                  //清空附件列表
                  setTimeout(() => {
                    this.dialogFormVisible = false;
                    this.$refs.upload.clearFiles();
                  }, 100);

                  this.getList();
                } else {
                  this.$message({
                    message: res.content,
                    type: "warning",
                  });
                }
              })
              .catch((res) => {
                this.dialogVisible = false;
                this.$message({
                  message: "系统异常，请联系管理员",
                  center: true,
                  type: "error",
                });
              });
          } else {
            console.log("error submit!!");
            return false;
          }
        });