elemetui缩略图上传成功后回显

在 ElementUI 中，上传图片成功后可以通过 `on-success` 事件获取上传成功后的回调函数。你可以在该函数中获取到上传成功后的图片地址，并将其作为缩略图回显到页面上。

以下为一个示例代码：

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

<script>
  export default {
    data() {
      return {
        imageUrl: '',
      };
    },
    methods: {
      beforeUpload(file) {
        // 在上传前的操作
      },
      handleSuccess(response, file, fileList) {
        // 上传成功后的操作
        this.imageUrl = response.data.url; // 获取上传成功后的图片地址
      },
    },
  };
</script>

在上述代码中，在 `handleSuccess` 回调函数中获取到 `response.data.url`，即为上传成功后的图片地址。然后将其绑定到 `imageUrl` 变量上，通过 `v-if` 指令判断 `imageUrl` 是否有值，如果有则显示缩略图。