el-upload如何循环

要在el-upload组件中实现循环上传，你可以使用el-upload的文件列表（file-list）属性来绑定一个数组，在这个数组中保存上传的文件对象。每当文件上传成功后，你可以将文件对象添加到file-list中，并在模板中使用v-for指令循环渲染文件列表。

以下是一个示例代码：

<template>
  <div>
    <el-upload
      action="/upload"
      :on-success="handleSuccess"
      :file-list="fileList"
      multiple
    >
      <el-button size="small" type="primary">点击上传</el-button>
    </el-upload>
    <div v-for="(file, index) in fileList" :key="index">
      文件名: {{ file.name }}
      <br>
      文件大小: {{ file.size }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileList: [], // 存储上传的文件对象
    };
  },
  methods: {
    handleSuccess(response) {
      // 上传成功后将文件对象添加到fileList中
      this.fileList.push(response.file);
    },
  },
};
</script>

在上述示例中，el-upload组件配置了action属性来指定上传文件的地址，通过设置multiple属性可以实现多文件上传。在handleSuccess方法中，将上传成功的文件对象添加到fileList数组中。最后，在模板中使用v-for指令循环渲染文件列表，并展示文件名和文件大小。

注意：你需要根据自己的实际需求修改代码，例如调整上传接口地址、添加其他的上传配置等。