el-upload 单文件上传

在 Vue 3 中使用 el-upload 进行单文件上传，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了 Element-UI 和 Vue 3 相关的依赖。

2. 在你的组件中引入 el-upload 组件和需要的其他组件：

import { ref } from 'vue';
import { ElUpload, ElButton } from 'element-plus';

3. 在模板中使用 el-upload 组件，并设置必要的属性和事件：

<template>
  <div>
    <el-upload
      action="/upload" <!-- 设置上传的接口地址 -->
      :on-success="handleSuccess" <!-- 上传成功的回调方法 -->
      :auto-upload="false" <!-- 设置为手动上传模式 -->
    >
      <el-button size="small" type="primary">点击上传</el-button>
    </el-upload>
  </div>
</template>

4. 在你的组件的 `setup()` 函数中定义 `handleSuccess` 方法，并在其中处理上传成功的逻辑：

setup() {
  const handleSuccess = (response, file, fileList) => {
    // 处理上传成功后的逻辑
  }

  return {
    handleSuccess,
  };
}

这样就完成了在 Vue 3 中使用 el-upload 进行单文件上传的配置。你可以根据需要自定义上传成功后的处理逻辑