具体怎末通过el-upload的file的uid来获取文件，完整代码

在 Vue 中，使用 Element UI 的 `el-upload` 组件时，如果你想要根据文件的唯一标识符（通常称为 `uid`）来获取上传的文件，你需要监听组件的相关事件并处理数据。以下是一个简单的示例，展示了如何在上传成功后保存文件信息：

首先，在你的 Vue 实例中，定义一个数组来存储上传的文件信息：

data() {
  return {
    uploadedFiles: [],
  };
},

然后，在上传配置里设置回调函数，当文件上传成功时，你可以获取到 `file.response` 或者 `file.uid`：

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

<script>
export default {
  methods: {
    handleSuccess(file, response) {
      // 在这里，response 是服务器返回的数据，可能包含文件的 uid
      const fileWithUid = { ...file, serverResponse: response };
      
      // 如果 response 中有 uid，则直接赋值给 uploadedFiles，否则假设 response 包含 uid
      if (response.uid) {
        this.uploadedFiles.push(fileWithUid);
      } else {
        fileWithUid.uid = response.id; // 假设 response.id 就是 uid
        this.uploadedFiles.push(fileWithUid);
      }
    },
  },
};
</script>

在上述代码中，我们创建了一个名为 `handleSuccess` 的方法，它会在上传完成后被调用。`file` 对象包含了原始上传文件的信息，而 `response` 则是服务器返回的数据，通常在这个地方你会找到 `uid`。

记住，`file.uid` 是来自浏览器端的本地标识，`serverResponse.uid` 是从服务器返回的，确保在接收响应时检查这个字段是否存在。