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

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

回答:

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

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

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

然后在

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

回答:

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

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注