如何根据文件格式判断并导入Vue ElementUl组件文件？

本文共计1939个文字，预计阅读时间需要8分钟。

目录 + Element UI 导入文件（判断文件格式） + 判断文件格式的思路 + Vue + Element 导出导入 + 导出（下载） + 导入（上传） + Element UI 导入文件（判断文件格式） + 使用 Element UI 的 el-dropdown 组件来实现下拉菜单效果。

目录

• elementUl导入文件(判断文件格式)
• 判断文件格式的思路
• vue element导出导入
• 导出（下载）
• 导入（上传）

elementUl导入文件(判断文件格式)

使用el-elment 的el-dropdown组件来写下拉菜单效果。

下载模板比较简单，直接点击跳转页面，用window.open打开一个新的浏览器窗口方式下载模板文件。

选择文件，用组件el-upload。需要做一个提示“只能上传Excel文件”，用el-tooltip组件。

上传文件需要在before-upload进行判断文件格式。

判断文件格式的思路

是获取文件的后缀名，如果不是.xlsx就返回false,提示“文件格式只能是.xlsx！”

获取文件后缀名用到了2个方法。