element-ui 上传组件 添加上传提示正在上传

Element UI 提供了一个名为 `el-upload` 的上传组件，它支持多种功能，包括文件选择、进度条显示等。若你想在上传过程中添加提示信息告知用户“正在上传”，可以利用 `upload` 对象的 `before-upload` 钩子函数。这个钩子函数会在每个文件开始上传之前被调用。

例如，在 `methods` 中定义这样的方法：

methods: {
  handleBeforeUpload(file) {
    return new Promise((resolve, reject) => {
      // 在这里添加你的提示文案，如使用 Vue 的 `this.$message.info('正在上传...')`
      this.$message.info('正在上传...');
      
      // 如果需要模拟异步上传过程，你可以添加一个延迟
      setTimeout(() => {
        resolve(); // 如果一切正常，返回 true 继续上传
      }, 1000); // 模拟1秒上传时间
    });
  }
}

然后在模板中引用组件并设置 `before-upload` 属性：

<template>
  <el-upload
    :action="yourUploadUrl"
    :on-error="handleError"
    :before-upload="handleBeforeUpload"
    ...其他配置...
  >
    <el-button>点击选择文件</el-button>
  </el-upload>
</template>