el-upload上传图片回显

您好！感谢您的提问。关于el-upload上传图片回显的问题，您可以使用以下方法来实现：

1.在上传组件中设置show-file-list属性为false，使其不显示已上传文件的列表。

2.在上传成功后的回调函数中，获取上传成功的文件信息，包括文件地址等。

3.将获取到的文件地址赋值给一个变量，并在页面中使用img标签来显示上传的图片。

示例代码如下：

<template>
<div>
<el-upload
class="upload-demo"
action="/upload"
:show-file-list="false"
:on-success="handleUploadSuccess">
<el-button slot="trigger" size="small" type="primary">选择文件</el-button>
<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>
<img :src="imageUrl" v-if="imageUrl">
</div>
</template>

<script>
export default {
data() {
return {
imageUrl: ''
}
},
methods: {
handleUploadSuccess(response, file, fileList) {
this.imageUrl = response.url;
}
}
}
</script>

希望能够帮到您！如果还有其他问题，请随时追问。