<el-upload
class="upload-demo"
ref="uploaddemo"
:action="action"
list-type="picture-card"
:limit="1"
:show-file-list="false"
:data="uploadArgs"
:on-change="changeImage"
:on-success="uploadSuccess"
:http-request="UploadEvent"
:on-remove="removeImgs"
>
<!-- <div class="upload-icon">
<i class="el-icon-plus"></i>
</div>-->
<div slot="trigger">
<div v-if="file" class="priview">
<img :src="action+file" class="avatar" />
<i class="el-icon-delete avatar-uploader-icon" @click="removeImgs"></i>
</div>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</div>
</el-upload>
上面的是upload的代码
removeImgs(){
this.$refs.uploaddemo.clearFiles();
}
上面是js代码
这样就能把组件的文件上传的文件状态清除
本文介绍如何使用Vue和JavaScript清除ElementUI的Upload组件中已经上传的文件列表,通过示例代码详细解析操作步骤。

7683





