elementui upload怎么回显图片

ElementUI的Upload组件支持上传图片和预览上传后的图片，并且也支持回显图片。

要实现图片的回显，需要在上传成功后，通过`on-success`事件的回调函数返回的`response`参数中，获取上传成功后的图片URL，并将其赋值给`<el-image>`组件的`src`属性。

具体实现如下：

1. 在`<el-upload>`标签中添加`ref`属性，方便在JavaScript中获取组件实例，如`<el-upload ref="uploadFile">`。

2. 在`<el-upload>`组件上绑定`on-success`事件，如`@on-success="handleSuccess"`。

3. 在Vue实例中定义`handleSuccess`方法，该方法通过`this.$refs.uploadFile.clearFiles()`清除已上传的文件，然后获取上传成功后的图片URL，并将其赋值给`<el-image>`组件的`src`属性，如下所示：

methods: {
  handleSuccess(response, file, fileList) {
    this.$refs.uploadFile.clearFiles();
    const imageUrl = response.data.imageUrl;
    this.imageUrl = imageUrl;  // 将回显图片的URL赋值给Vue实例中的imageUrl变量
    this.$forceUpdate();  // 更新组件视图
  }
}

4. 在Vue实例中定义`imageUrl`变量，将其赋值给`<el-image>`组件的`src`属性，如下所示：

data() {
  return {
    imageUrl: ''
  }
}

5. 在组件的HTML模板中，添加一个`<el-image>`组件，将其`src`属性绑定到Vue实例中的`imageUrl`变量，如下所示：

<el-image :src="imageUrl" />

通过上述步骤，就可以实现回显图片功能。