el-upload 多张上传实现排序

el-upload 是 Element UI 提供的一个文件上传组件，可以方地实现文件上传功能。要实现多张上传并排序的功能，可以按照以下步骤进行操作：

1. 首先，在 el-upload 组件中设置 multiple 属性为 true，以支持多文件上传。
2. 在上传成功后的回调函数中，将上传成功的文件保存到一个数组中，用于后续的排序操作。
3. 在页面上展示已上传的文件列表时，可以使用 v-for 指令遍历保存上传成功文件的数组，并显示文件名和排序按钮。
4. 为排序按钮绑定点击事件，在点击时触发排序操作。
5. 排序操作可以使用 JavaScript 的数组排序方法进行实现，根据需要可以选择升序或降序排序。
6. 排序完成后，更新保存上传成功文件的数组，并重新渲染文件列表。

下面是一个示例代码：

<template>
  <el-upload
    action="/upload"
    :multiple="true"
    :on-success="handleUploadSuccess"
  >
    <el-button slot="trigger">点击上传</el-button>
  </el-upload>
  <div v-for="(file, index) in uploadedFiles" :key="file.name">
    {{ file.name }}
    <el-button @click="sortFiles">排序</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      uploadedFiles: [], // 保存上传成功的文件
    };
  },
  methods: {
    handleUploadSuccess(response, file) {
      // 上传成功后保存文件到数组
      this.uploadedFiles.push(file);
    },
    sortFiles() {
      // 对保存的文件数组进行排序
      this.uploadedFiles.sort((a, b) => a.name.localeCompare(b.name));
    },
  },
};
</script>