el-upload上传文件后，不展示上传按钮，仅展示文件名称

`el-upload` 是 Element UI 提供的一个强大的文件上传组件，它允许用户上传单个或多个文件。如果你想在文件上传后隐藏上传按钮，只显示文件名，你可以通过设置组件的一些属性来实现。

首先，在 HTML 结构上，保持基本的 `el-upload` 元素不变：

<template>
  <el-upload
    :action="uploadUrl"
    :file-list="fileList"
    :on-success="handleSuccess"
    :auto-upload="false" <!-- 关闭默认的自动上传 -->
  >
    <div class="file-item-name">{{ fileName }}</div> <!-- 显示文件名 -->
  </el-upload>
</template>

然后，在 JavaScript 中，你需要控制文件上传的行为，并处理文件列表的变化。当你从服务器获取到文件信息后，更新 `fileList` 和 `fileName`：

<script>
export default {
  data() {
    return {
      uploadUrl: 'your/upload/url',
      fileList: [], // 初始为空数组
      fileName: '', // 初始为空字符串
    };
  },
  methods: {
    handleSuccess(response, file) {
      this.fileList.push(file);
      this.fileName = file.name; // 文件上传成功后更新文件名
      // 隐藏上传按钮，例如可以添加一个样式来隐藏
      this.$refs.upload.hideUploadButton(); // 如果有自定义的hideUploadButton方法
    }
  },
};
</script>

记得根据实际需求调整样式来隐藏上传按钮，比如你可以设置 `.el-upload button` 的 `display` 属性为 `none` 或者使用 CSS 类来控制其可见性。