el-upload上传成功如何清除记录?

element-plus中el-upload清空上传列表,本文代码采用的是ts语法糖写法

逻辑:假若我需要在执行某个操作后清空上一次的文件上传记录,因为默认上传后再次打开上传会发现上一次的文件依旧记录在el-upload组件里,下面便是我整理的简单步骤:

  1. 布局代码,需要定义ref
<el-upload
  ref="uploadRef"
  action=""
  :http-request="uploadFile"
  :auto-upload="false"
>

2.获取ref

const uploadRef = ref<UploadInstance>()

3.调用方法,可在自己想要清理时调用即可

uploadRef.value!.clearFiles()	//该方法就是清理上传列表
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐