el-upload 回显

要实现 `el-upload` 组件的文件回显，您需要使用 `file-list` 属性来设置初始文件列表。以下是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/your-upload-url"
    :file-list="fileList"
    :on-change="handleChange"
    :on-success="handleSuccess"
    :on-error="handleError"
  >
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [
        // 初始文件列表
        {
          name: 'file1.png',
          url: 'http://example.com/file1.png'
        },
        {
          name: 'file2.jpg',
          url: 'http://example.com/file2.jpg'
        }
      ]
    };
  },
  methods: {
    handleChange(file, fileList) {
      // 文件状态改变时的回调函数，更新文件列表
      this.fileList = fileList;
    },
    handleSuccess(response, file, fileList) {
      // 上传成功的回调函数，更新文件列表
      this.fileList = fileList;
    },
    handleError(error, file, fileList) {
      // 上传失败的回调函数，更新文件列表
      this.fileList = fileList;
    }
  }
};
</script>

在上述示例中，我们通过 `fileList` 数据属性设置了初始文件列表。每个文件对象包含 `name` 和 `url` 属性，用于显示文件名和文件的 URL。当上传文件或删除文件时，`file-list` 属性会自动更新，并触发相应的回调函数。您可以根据需要自定义回调函数的逻辑，以便在文件状态改变时更新文件列表。