Vue Bug 记录日志 - 上传组件 before-upload返回false自动调用before-remove on-remove钩子问题解决方法

1. 介绍

说一个不算bug的bug, 就是我使用 elementui 的上传组件上传文件的时候,

当 before-upload 返回false时 ,

会自动调用 before-remove on-remove钩子, 官方文档似乎并没有写, 还是说我没找到, 反正我是没在官方文档中找到, 很坑爹

2.解决办法

• 解决办法很简单, 就是在 before-remove on-remove 方法里判断下文件上传的状态
• 文件状态有三种 : 未上传的是 ready, 上传成功是 success, 失败时 fail

{
	name: "刘些宁.jpg"
	percentage: （…）
	raw: File
	size: 1127158
	status: "fail"
	uid: 1644832685532
}

• 代码如下

    beforeRemove(file, fileList) {
 
      console.log(file)
      console.log(fileList)
     if (file && file.status === 'success') {
		// 如果希望before-upload 返回false时不执行的代码
		// 写在这里
	}