elementui el-upload 删除按钮,删除文件
主要代码
html
<el-upload action="#" list-type="picture-card" :auto-upload="false" ref="fileupload">
<i slot="default" class="el-icon-plus"></i>
<div slot="file" slot-scope="{ file }">
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />
<span class="el-upload-list__item-actions">
<span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)"><i class="el-icon-zoom-in"></i></span>
<span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)"><i class="el-icon-delete"></i></span>
</span>
</div>
</el-upload>
js
handleRemove: function(file,fileList) {
let uploadFiles = this.$refs['fileupload'].uploadFiles;
let index = uploadFiles.indexOf(file);
uploadFiles.splice(index,1);
}