el-upload文件回显

el-upload 组件在上传文件成功后，可以通过设置 `on-success` 属性来监听上传成功事件，在事件处理函数中，可以获取到上传成功后的文件信息，然后将该信息显示在页面中。

以下是一个简单的示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :on-success="handleUploadSuccess"
    :file-list="fileList"
    :auto-upload="false"
    :show-file-list="false"
  >
    <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
    <el-button size="small" type="success" @click="submitUpload">上传到服务器</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    }
  },
  methods: {
    handleUploadSuccess(response, file, fileList) {
      // 上传成功后，将文件信息添加到 fileList 中
      this.fileList.push({
        name: file.name,
        url: response.url
      })
    },
    submitUpload() {
      // 手动触发上传
      this.$refs.upload.submit()
    }
  }
}
</script>

在 `handleUploadSuccess` 方法中，将上传成功后的文件信息添加到 `fileList` 数组中，然后在页面中使用 `v-for` 指令遍历 `fileList` 数组，将文件信息显示出来。

<div v-for="(file, index) in fileList" :key="index">
  <img :src="file.url" alt="">
  <p>{{ file.name }}</p>
</div>