Advertisement

前端Vue ElementSheet.js自动导入Excel功能

阅读量:

在实际工作中,存在一个关于Excel文件导入的功能需求,该需求具备两种实现路径,一种是通过前端进行处理,另一种则是由后端完成。最终我选择采用前端处理的方式完成该功能的开发。

主要依赖于SheetJs插件:SheetJs的GitHub连接。鉴于该功能需要频繁调用,我将其封装为独立的功能模块,从而有效提升代码的复用性与开发效率(再也不必重复复制粘贴大量代码)。

以下是封装后的代码实现:

复制代码
 import XLSX from 'xlsx'

    
  
    
 ///excel导入功能使用:
    
 // 1、首先要安装SheetJs, npm install xlsx --save;
    
 // 2、在需要的文件中引入importExcel.js文件
    
 // 3、参数说明:file是指需要导入的excel文件(会有弹窗选择即可);colnumData是指对应数据库表的列名与注释组成的集合
    
 // 4、excel的列名称要与数据库表中的注释保持一致
    
 export function importExcel(file,colnumData){
    
     const types = file.name.split('.').pop();

全部评论 (0)

还没有任何评论哟~