el-select实现选择图片并回显图片

你可以使用 `el-upload` 和 `el-image` 组件来实现选择图片并回显图片的功能。`el-upload` 组件用于上传图片，`el-image` 组件用于显示图片。

首先，你需要引入相关组件：

<template>
  <el-upload
    class="upload-demo"
    :action="uploadUrl"
    :show-file-list="false"
    :on-success="handleSuccess"
  >
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
  <el-image
    v-if="imageUrl"
    :src="imageUrl"
    style="width: 100px; height: 100px; object-fit: cover;"
  ></el-image>
</template>

<script>
export default {
  data() {
    return {
      imageUrl: "",
      uploadUrl: "your_upload_url",
    };
  },
  methods: {
    handleSuccess(response) {
      this.imageUrl = response.data.url;
    },
  },
};
</script>

在上面的代码中，我们定义了一个 `el-upload` 组件，用于上传图片。 `uploadUrl` 属性指定了上传图片的接口地址。`handleSuccess` 方法用于在上传成功后将图片的 URL 赋值给 `imageUrl` 变量。

在模板中，我们使用 `el-image` 组件来显示图片。如果 `imageUrl` 变量有值，就显示图片，否则不显示。

当用户点击上传按钮时，`el-upload` 组件会向服务器发送 POST 请求，将选中的图片上传到 `uploadUrl` 指定的地址。在上传成功后，服务器会返回图片的 URL 地址，`handleSuccess` 方法会将该地址赋值给 `imageUrl` 变量。此时，`el-image` 组件会显示该图片。