el-upload回显

回显el-upload组件中的已上传图片可以通过以下步骤实现：

1. 在Vue组件中，你可以使用一个数组来保存已上传的文件列表。例如，在data中添加一个fileList数组，并将其初始化为空数组。

2.通过el-upload组件的file-list属性将fileList数组与上传组件绑定。这样，上传组件就能够显示已上传的文件列表。

3. 在el-upload组件的slot中，使用v-for指令遍历fileList数组，并使用v-bind指令将每个文件的url绑定到img标签的src属性上，以实现图片的预览。

下面是一个示例代码，展示了如何回显el-upload组件中的已上传图片：

 <div>
 <el-upload ref="upload"
 action=""
 :file-list="fileList"
 list-type="picture-card"
 accept="image/*"
 :auto-upload="false"
 :multiple="false"
 :limit="1"
 >
 <i class="el-icon-plus"></i>
 </el-upload>
 <el-button type="primary" @click="dialogConfirm">确定</el-button>
 </div>
</template>

<script>
export default {
 data() {
 return {
 fileList: [], // 初始化为空数组 };
 },
 methods: {
 dialogConfirm() {
 // 处理确定按钮点击事件 },
 },
};
</script>

通过这段代码，你可以在el-upload组件中选择图片并将其添加到fileList数组中。这样，el-upload组件就会回显已上传的图片。