vue3+elementuiplus el-upload获取文件列表

在Vue3配合Element Plus的`el-upload`组件中，如果你想获取上传文件的列表，你可以通过监听`change`事件或者`upload`事件的`fileList`属性来获取。以下是基本的示例：

<template>
  <el-upload
    ref="upload"
    :action="uploadUrl"
    :auto-upload="false"   // 阻止默认的自动上传，这样可以在需要的时候手动触发
    multiple
    @change="handleFileChange"
    @upload="handleUploadSuccess"
  >
    <!-- ...其他配置... -->
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: '你的服务器API地址',  // 替换为你实际的上传URL
      fileList: []   // 用于存储上传文件的列表
    };
  },
  methods: {
    handleFileChange(e) {
      this.fileList = e.fileList; // 当选择文件后，更新fileList
    },
    
    handleUploadSuccess(response, file) {  
      if (response.success) {
        const index = this.fileList.findIndex(item => item.id === file.id); // 如果有id可以找，如果没有就假设index为新添加的位置
        this.fileList.splice(index, 0, response.data); // 将服务器返回的数据添加到列表中
      }
    }
  }
};
</script>

在这个例子中，`handleFileChange`会在用户选择文件后立即更新文件列表，而`handleUploadSuccess`则在上传成功后处理服务器响应，并将数据合并到文件列表。