vue upload回显

回显Vue上传组件的文件列表可以通过绑定file-list属性来实现。在给el-upload组件绑定file-list属性时，可以将一个数组作为值传递给file-list属性，数组中的每个元素代表一个文件对象，包含文件的相关信息，如文件名、文件地址等。在Vue的data中定义一个fileList数组，然后将该数组绑定到el-upload的file-list属性上即可实现回显。例如，可以将fileList绑定到el-upload的file-list属性上，如下所示：

<el-upload :file-list="fileList" ...></el-upload>

其中，fileList是一个数组，包含了要回显的文件对象的信息。你可以在Vue的data中定义fileList数组，并将其初始化为空数组。然后，通过某种方式将要回显的文件对象添加到fileList数组中，例如在上传成功后将文件对象添加到fileList数组中。这样，当页面加载时，el-upload组件就会根据fileList数组中的文件对象来回显文件列表。

请注意，回显文件列表时，需要确保每个文件对象的属性与el-upload组件的要求相匹配，例如文件名属性为name，文件地址属性为url等。你可以根据实际情况调整文件对象的属性名，以使其与el-upload组件的要求相符。

希望这个回答对你有帮助。如果你还有其他问题，请随时提问。
#### 引用[.reference_title]
- *1* *2* *3* [【vue 项目】el-upload 上传文件以及回显照片和下载文件](https://blog.csdn.net/Aohanzzz/article/details/129378829)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]