vue使用element-ui上传图片之后,用this.$refs.upload.clearFiles()无法清除文件列表

创建表单,上传图片之后,创建成功,下次再创建,表单清空了,但是图片还是保留的上次上传的图片,并没有清空,用this.$refs.upload.clearFiles();并没有生效,请问,这个问题怎么解决

阅读 27.6k
3 个回答

:file-list="fileList"
这里 绑定的fileList 数组 清空下,内容也就没有了吧

1、确认该方法不支持在 before-upload 中调用
2、ref的“upload”这个名字正确

const mainImg = this.$refs.upload;
  if (mainImg && mainImg.length) {
    mainImg.forEach(item => {
    // item.uploadFiles.length = 0;
      item.clearFiles();
    });
  }

多个 upload ,这么清除原来文件

推荐问题