elementUI文件上传怎么回显

在 elementUI 中，文件上传成功后，会返回一个文件的 URL 地址，我们可以将这个地址保存到一个变量中，然后在页面上使用 `<img>` 标签或者 `<a>` 标签来展示这个文件。

以展示图片为例，我们可以在模板中使用 `v-bind` 指令将保存文件 URL 的变量绑定到 `<img>` 标签的 `src` 属性上，代码如下：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/upload"
      :on-success="handleSuccess"
      :show-file-list="false"
    >
      <el-button slot="trigger" size="small" type="primary">点击上传</el-button>
    </el-upload>
    <img v-if="imageUrl" :src="imageUrl" alt="上传的图片">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: '' // 保存文件 URL 的变量
    }
  },
  methods: {
    handleSuccess(response, file, fileList) {
      this.imageUrl = response.url // 将文件 URL 赋值给变量
    }
  }
}
</script>

在上面的代码中，我们定义了一个 `imageUrl` 变量来保存文件 URL，然后在 `handleSuccess` 方法中将返回的 URL 赋值给这个变量。最后，在模板中使用 `v-if` 指令来判断 `imageUrl` 是否存在，如果存在则展示图片。