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

<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>