avue upload上传图片回显

你可以使用 Avue Upload 组件来实现图片上传并回显的功能。以下是一个简单的示例代码：

<template>
  <div>
    <avue-upload
      v-model="imageUrl"
      :action="uploadUrl"
      :show-file-list="false"
      :on-success="handleSuccess"
    >
      <button slot="trigger" type="button">点击上传图片</button>
    </avue-upload>
    <img :src="imageUrl" v-if="imageUrl">
  </div>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: '',
      uploadUrl: '/your-upload-api-url'
    };
  },
  methods: {
    handleSuccess(response) {
      if (response.code === 200) {
        this.imageUrl = response.data.url;
      } else {
        // 处理上传失败的情况
      }
    }
  }
};
</script>

在上面的代码中，你需要将 `uploadUrl` 设置为真实的图片上传接口地址。当用户选择图片并上传成功后，`handleSuccess` 方法会被调用，你可以在该方法中处理上传成功的逻辑，并将返回的图片地址赋值给 `imageUrl`，以便在页面上显示上传的图片。

注意：这是一个简单示例，实际情况中你可能需要根据你的业务需求进行额外的处理，比如图片预览、文件格式限制等。