el-upload怎么为每个上传的文件都附带一个不同的data值

`el-upload`是Element UI库中的一个组件，用于处理文件上传。如果你想要为每个上传的文件附加一个不同的数据值，你可以通过监听`on-success`或`on-error`事件，在回调函数中处理这个操作。以下是一个简单的示例：

<template>
  <el-upload
    ref="upload"
    :action="uploadUrl"
    :on-success="handleSuccess"
    :auto-upload="false" <!-- 阻止默认的上传行为 -->
  >
    <el-button type="primary">点击选择文件</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      uploadUrl: 'your-upload-url', // 你的上传接口URL
      formData: {}, // 存放每个文件的额外数据，初始为空对象
    };
  },
  methods: {
    handleSuccess(response, file) {
      const fileId = file.response.id; // 假设服务器返回了一个唯一标识符
      this.formData[fileId] = {
        fileName: file.name,
        extraData: '这里可以添加任意自定义的数据', // 比如文件描述、分类等
      };
      // 可能还需要将formData发送到服务器关联到对应的文件
    }
  },
};
</script>

在这个例子中，当文件上传成功时，`handleSuccess`会被触发，然后你在其中创建一个新的键值对，键是文件的唯一标识，值是你想附带的数据。你可以根据实际情况替换`file.response.id`为实际获取到的文件标识。