element-ui的upload组件如何删除文件？

Question

element-ui 2.10.0的upload提供了自定义缩略图模板，但是没法删除文件，有啥办法？

Answer 1

方法名 说明 参数
clearFiles 清空已上传的文件列表（该方法不支持在 before-upload 中调用） —

目测只找到这个方法 不过是全部清空,而不是删除一个;

<el-upload
  action="#"
  ref="upload" //给个标记

然后在

handleRemove(file) {
    console.log(file.uid);
    this.$refs.upload.clearFiles();//调用element官方的方法
}

Answer 2

handleRemove(file) {
  // 实现缩略图模板时删除文件
  let fileList = this.$refs.upload.uploadFiles;
  let index = fileList.findIndex( fileItem => {
    return fileItem.uid === file.uid
  })
  fileList.splice(index, 1)
},