el-upload 上传文件后显示在按钮下方

要实现上传文件后将文件显示在按钮下方，可以使用 `el-upload` 的 `list-type` 属性，并将其设置为 `'picture-card'`。这将在上传按钮下方创建一个可以预览上传文件的卡片。

以下是一个示例代码：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :list-type="'picture-card'"
    :on-success="handleSuccess"
    :on-preview="handlePreview"
    :on-remove="handleRemove"
    :file-list="fileList">
    <i class="el-icon-plus"></i>
  </el-upload>
</template>

<script>
  export default {
    data() {
      return {
        fileList: []
      };
    },
    methods: {
      handleSuccess(response, file, fileList) {
        // 上传成功后的处理逻辑
      },
      handlePreview(file) {
        // 预览文件的处理逻辑
      },
      handleRemove(file, fileList) {
        // 删除文件的处理逻辑
      }
    }
  };
</script>

在上面的示例中，我们将 `list-type` 属性设置为 `'picture-card'`，并在 `el-upload` 标签中添加了一个 `:file-list` 属性，该属性绑定到组件的 `fileList` 数据项，以便在上传文件时动态更新上传文件的列表。

当我们上传一个文件时，这个文件将会显示在上传按钮下方的卡片中，并且可以通过 `handleSuccess` 方法处理上传成功后的逻辑，`handlePreview` 方法预览文件，`handleRemove` 方法删除文件。