如何实现让elemntui上传之后图片预览清除对应预览的图片

要实现让 Element UI 上传组件上传图片后能够清除对应的预览图片，你可以按照以下步骤进行操作：

1. 首先，确保你已经引入了 Element UI 的上传组件，并且已经正确配置了上传的相关参数。

2. 在你的上传组件中，监听 `on-success` 事件，该事件在文件上传成功后触发。

3. 在 `on-success` 事件的回调函数中，获取到上传成功的文件信息。你可以通过回调函数的参数获取到文件信息。

4. 根据文件信息中的 ID 或其他唯一标识符，找到对应的预览图片元素。

5. 使用 JavaScript 的 DOM 操作，将预览图片元素从 DOM 中移除或隐藏起来。

下面是一个示例代码，演示了如何实现清除对应预览图片的功能：

<template>
  <el-upload
    action="/your-upload-url"
    :on-success="handleSuccess"
    :file-list="fileList"
    list-type="picture"
    multiple
    :auto-upload="false"
  >
    <el-button slot="trigger" size="small" type="primary">选择文件</el-button>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
    };
  },
  methods: {
    handleSuccess(response, file, fileList) {
      // 上传成功后的回调函数
      // 在这里根据文件信息找到对应的预览图片元素，并进行移除或隐藏操作

      const fileIndex = fileList.findIndex((item) => item.uid === file.uid);
      if (fileIndex !== -1) {
        fileList.splice(fileIndex, 1); // 从文件列表中移除对应的文件
      }

      // 其他操作，如将预览图片元素从 DOM 中移除或隐藏起来
      const previewImage = document.getElementById(`preview-${file.uid}`);
      if (previewImage) {
        previewImage.remove(); // 从 DOM 中移除预览图片元素
      }
    },
  },
};
</script>

上述代码中，我们监听了 `on-success` 事件，在回调函数中根据文件信息找到对应的预览图片元素，并进行了移除或隐藏操作。同时，我们也从文件列表中将对应的文件移除掉，以保持文件列表的同步。

请注意，上述代码仅为示例，你需要根据你的具体情况进行相应的调整。