elementui显示上传状态-el-upload 上传图片，编辑时图片回显以及后续提交问题

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

你好！ 谢谢你的问题。 根据您的描述，我了解到您希望在上传后在页面上回显上传的图片。 您可以使用 Element UI 中的 el-upload 组件来实现此功能。 具体实现请参考如下代码： ```html ```上述代码中，`el-upload`组件中的`action`属性为上传图片的API地址，`on- success`属性是上传成功后的回调。 函数中，`file-list`属性是上传的文件列表，`list-type`属性是列表类型，这里使用`picture-card`，`auto-upload`属性控制是否手动上传。 ```javascriptdata() { return {fileList: [] };},methods: { handleUploadSuccess(response, file, fileList) {//上传成功后，将图片地址添加到上传文件列表this.fileList中。推（{url：response.data.urlelementui显示上传状态，名称：文件名}）； }}```上面的代码中，上传成功后会调用`handleUploadSuccess`方法。 在该方法中elementui显示上传状态，我们将上传成功后的图片地址添加到上传文件列表中，然后通过`v-for`命令渲染所有上传的图片。 这样，当用户上传图片时，就可以在页面上看到上传的图片了。 希望以上内容能够对您有所帮助。 如果您有任何疑问或其他问题，请随时询问他们。