el-upload有哪些触发事件

el-upload 是 Element UI 框架中的文件上传组件，它支持多文件上传、拖拽上传、进度条展示等功能。el-upload 组件支持以下触发事件：

1. before-upload：文件上传前触发的事件，可以在这个事件中进行文件格式、大小、数量等校验。
2. file-list-change：文件列表改变时触发的事件，可以在这个事件中获取当前文件列表。
3. remove：点击删除按钮时触发的事件，可以在这个事件中进行删除文件的操作。
4. progress：文件上传进度发生改变时触发的事件，可以在这个事件中获取当前上传进度。
5. success：文件上传成功时触发的事件，可以在这个事件中获取上传成功后的返回数据。
6. error：文件上传失败时触发的事件，可以在这个事件中获取上传失败的错误信息。

相关问题

el-upload点击事件不在el-upload中如何触发选文件（其他按钮触发el-upload上传）

可以使用el-upload组件提供的ref属性获取到el-upload的组件实例，在其他按钮的点击事件中通过调用实例的click()方法来触发选文件操作。例如：

<el-upload ref="uploadRef"></el-upload>

<el-button @click="selectFile">选择文件</el-button>

methods: {
  selectFile() {
    this.$refs.uploadRef.click()
  }
}

这样点击"选择文件"按钮时，就会触发el-upload的选文件操作。

el-upload before-upload钩子未触发

根据提供的引用内容，可以得出以下结论和解决办法：

1. 在el-upload组件中，before-upload钩子未触发的原因可能是auto-upload属性未设置为true。根据引用中的描述，before-upload是上传前的校验，只有在auto-upload为true时才会触发。

解决办法是将auto-upload属性设置为true，以确保before-upload钩子能够正常触发。

以下是一个示例代码：

<el-upload
  action="/upload"
  :auto-upload="true"
  :before-upload="beforeUpload"
>
  <el-button slot="trigger" size="small" type="primary">点击上传</el-button>
</el-upload>

在上述代码中，将auto-upload属性设置为true，并且指定了before-upload钩子函数为beforeUpload。

2. 如果auto-upload已经设置为true，但before-upload钩子仍未触发，可能是因为before-upload钩子函数返回了false或者返回了一个被reject的Promise。

解决办法是确保before-upload钩子函数返回true或者一个resolved的Promise。

以下是一个示例代码：

methods: {
  beforeUpload(file) {
    // 进行上传前的校验
    if (file.size > 1024 * 1024) {
      // 文件大小超过1MB，返回false停止上传
      return false;
    } else {
      // 文件校验通过，返回true继续上传
      return true;
    }
 }
}

在上述代码中，beforeUpload函数对上传的文件进行了大小校验，如果文件大小超过1MB，则返回false停止上传，否则返回true继续上传。