element ui Upload 显示图片

要在 Element UI 的 Upload 组件中显示图片，你可以使用以下步骤：

1. 首先，确保你已经安装了 Element UI 并正确引入了该库。

2. 在你的 Vue 组件中，使用 `<el-upload>` 标签创建一个上传组件。例如：

<template>
  <el-upload
    class="upload-demo"
    action="http://your-upload-url"
    :on-success="handleUploadSuccess"
    :file-list="fileList"
    :auto-upload="false"
    list-type="picture">
    <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
    <el-button size="small" type="success" @click="submitUpload">上传到服务器</el-button>
    <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
  </el-upload>
</template>

3. 在你的 Vue 组件中，定义 `fileList` 数据和相应的处理方法。例如：

data() {
  return {
    fileList: []
  };
},
methods: {
  handleUploadSuccess(response, file, fileList) {
    // 处理上传成功的回调函数
    console.log(response);
  },
  submitUpload() {
    // 手动触发上传
    this.$refs.upload.submit();
  }
}

4. 在你的 Vue 组件中，使用 `<el-image>` 标签来显示上传的图片。例如：

<template>
  <div v-for="(file, index) in fileList" :key="index">
    <el-image :src="file.url" fit="contain"></el-image>
  </div>
</template>

这样，当用户选择图片后，图片会显示在 `<el-image>` 组件中。

请注意，以上代码仅为示例，你需要根据自己的实际需求进行相应的修改和调整。同时，你还需要根据自己的后端配置正确设置上传 URL 和处理上传成功的回调函数。