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

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

阅读 27.5k
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 ,这么清除原来文件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题