在Vue js (Element-ui)中上传头像/缩略图后如何显示？

在Vue.js中使用Element-UI上传头像/缩略图后，可以通过以下步骤来显示：

首先，确保已经安装了Vue.js和Element-UI，并在项目中引入它们。
在Vue组件中，使用Element-UI的上传组件来实现头像/缩略图的上传功能。可以使用el-upload组件，并设置action属性为上传图片的后端接口地址。
在上传成功后的回调函数中，获取到上传成功的图片地址。可以通过response参数来获取。
将获取到的图片地址保存到Vue组件的数据中，例如使用data属性中的一个变量来保存。
在Vue组件的模板中，使用img标签来显示上传的头像/缩略图。将src属性绑定到保存图片地址的变量上。

以下是一个示例代码：

<template>
  <div>
    <el-upload
      action="/api/upload" <!-- 替换为实际的后端接口地址 -->
      :on-success="handleUploadSuccess"
    >
      <el-button>点击上传头像</el-button>
    </el-upload>
    <img :src="avatarUrl" alt="头像">
  </div>
</template>

<script>
export default {
  data() {
    return {
      avatarUrl: '' // 保存上传成功的头像地址
    };
  },
  methods: {
    handleUploadSuccess(response) {
      // 上传成功后的回调函数
      this.avatarUrl = response.data.url; // 假设后端返回的数据中有一个url字段表示图片地址
    }
  }
};
</script>

这样，当用户上传头像/缩略图后，图片将会显示在页面上。

推荐的腾讯云相关产品：腾讯云对象存储（COS），用于存储和管理上传的图片文件。具体产品介绍和文档可以参考腾讯云官方网站：腾讯云对象存储（COS）。