el-upload 上传图片的时回显

您好！感谢您的提问。根据您的描述，我理解您想要实现上传图片后在页面上回显上传的图片。您可以使用 Element UI 中的 el-upload 组件来实现这一功能。具体实现可以参考以下代码：

<el-upload
  class="upload-demo"
  action="/your-upload-api"
  :on-success="handleUploadSuccess"
  :file-list="fileList"
  list-type="picture-card"
  :auto-upload="false"
>
  <i class="el-icon-plus"></i>
</el-upload>

在上述代码中，`el-upload` 组件中的 `action` 属性是上传图片的 API 地址，`on-success` 属性是上传成功后的回调函数，`file-list` 属性是已上传的文件列表，`list-type` 属性是列表类型，这里使用的是`picture-card`，`auto-upload` 属性控制是否自动上传。

data() {
  return {
    fileList: []
  };
},
methods: {
  handleUploadSuccess(response, file, fileList) {
    // 上传成功后将图片地址添加到已上传文件列表中
    this.fileList.push({
      url: response.data.url,
      name: file.name
    });
  }
}

在上述代码中，`handleUploadSuccess` 方法会在上传成功后被调用。在该方法中，我们将上传成功后的图片地址添加到已上传文件列表中，然后通过 `v-for` 指令渲染出所有已上传的图片。这样，当用户上传图片后，就可以在页面上看到上传的图片了。

希望以上内容能够帮助到您，如有疑问或其他问题，请随时提出。