el-upload怎么显示文件名字
时间: 2023-09-08 16:08:38 浏览: 339
获取上传文件的文件名
要显示el-upload中选择的文件名字,可以通过以下步骤实现:
1. 首先,在el-upload组件中设置属性:show-file-list为false,这样可以禁用element自带的文件列表显示。
2. 其次,在el-upload组件中设置属性:on-change为一个方法,用来获取文件列表的数据。在该方法中,将获取到的文件列表数据存储到一个data属性中,比如fileList:[].
3. 最后,在自定义的文件列表组件中,通过v-for指令遍历文件列表数据,将每个文件的名称显示出来。可以使用{{ file.name }}来获取文件的名字,并将其显示在相应的位置上。
这样,当用户选择文件后,el-upload组件会触发on-change方法,将文件列表数据存储到fileList中,在自定义的文件列表组件中通过遍历fileList来显示每个文件的名字。这样就可以实现el-upload显示文件名字的功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [el-upload自定义文件列表](https://blog.csdn.net/weixin_60945744/article/details/127212452)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文