element-plus上传pdf

根据提供的引用内容，element-plus是一个基于Vue.js的UI组件库，用于构建Web应用程序。在提供的引用中，展示了一个使用element-plus的上传组件，限制了上传文件的数量和类型。具体的实现是通过设置`before-upload`和`on-change`属性来实现的。

在`before-upload`属性中，通过`changeFiles`方法来限制上传文件的数量，只允许上传一个文件。在`on-change`属性中，通过`handleChanges`方法来处理文件的变化。在`handleChanges`方法中，通过判断文件的类型，只允许上传pdf格式的文件。如果文件类型不符合要求，会弹出错误提示。

在js部分的代码中，使用了Vue的`ref`来创建了一个名为`fileList`的响应式对象，用于存储上传的文件列表。在`handleChange`方法中，通过判断文件列表的长度，限制了只能上传一个文件。在`changeFile`方法中，通过判断文件的类型，只允许上传pdf格式的文件。如果文件类型符合要求，会将文件通过axios发送到上传接口，并处理接口返回的数据。

综上所述，element-plus的上传组件可以实现上传pdf文件，并限制上传文件的数量和类型。
#### 引用[.reference_title]
- *1* *2* [vue3中element-plus Upload上传文件](https://blog.csdn.net/m0_64397933/article/details/126689165)[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_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]