el-upload多文件上传区分id

对于 el-upload 组件进行多文件上传，如果需要区分文件的 id，你可以通过以下步骤实现：

1. 在 el-upload 组件中设置 `:file-list` 属性，该属性绑定一个数组，用于存储上传的文件列表。例如，可以将 `file-list` 绑定到你的组件的 data 属性中：

<el-upload
  :file-list="fileList"
  action="/your-upload-url"
  multiple
  :on-success="handleSuccess"
>
  <el-button slot="trigger">选择文件</el-button>
</el-upload>

2. 在你的组件的 data 属性中，定义 `fileList` 数组，用于存储上传的文件：

data() {
  return {
    fileList: []
  }
},

3. 在 `handleSuccess` 方法中，获取上传成功的文件信息，并为每个文件分配一个唯一的 id。你可以使用 `uuid` 库来生成唯一的 id：

import { v4 as uuidv4 } from 'uuid';

methods: {
  handleSuccess(response, file) {
    const fileId = uuidv4(); // 生成唯一的 id
    const fileItem = {
      id: fileId,
      name: file.name,
      url: response.url // 根据后端返回的数据结构修改
    };
    this.fileList.push(fileItem);
  }
}

这样，每个上传成功的文件都会被添加到 `fileList` 数组中，并带有一个唯一的 id，你可以根据这个 id 区分不同的文件。