element-plus组件之Upload上传表格

Element Plus 的 `Upload` 组件是一个用于文件上传的功能性组件，非常适合处理表格数据的上传操作。在表格中使用 Upload，通常会结合 Element Plus 的 Table 组件，可以实现在表格单元格中选择并上传文件。以下是基本步骤：

1. 首先，在 Vue 项目中安装 Element Plus 和依赖库，如果还没有安装，可以在终端或命令行中运行：

   npm install element-plus vue

2. 引入所需组件：

   <script setup>
       import { ElTable, ElButton, ElUpload } from 'element-plus';
   </script>

3. 在表格（ElTable）的列模板 (`<template slot-scope="scope">`) 中添加 Upload 组件，例如：

   <td><el-upload :action="'upload-url'" :multiple uploader></el-upload></td>

其中 `uploader` 是一个 Upload 组件实例，`action` 属性指定了文件上传的服务器地址。

4. 初始化 Upload 组件，并设置事件处理器：

   const uploader = ref({
     onRemove(file, fileList) {
       // 文件移除的回调
     },
     onPreview(file) {
       // 文件预览的回调
     },
     onChange({ file, fileList }) {
       // 文件变化的回调
     }
   });

5. 可能还需要配置一些额外选项，如上传限制、文件大小等，具体见官方文档：https://element-plus.org/component/upload#props