vue+xlsx前端导出elcexl表格+进阶玩法导出带下拉框表格+导出多个工作表

1.基本导出 

1.导出el-table表格为xlsx表格文件

  原理：主要依赖于 xlsx 包  版本依赖 0.16.1

npm install xlsx@0.16.1

  0.18也可以

   注意： 引入方式一定要用require(“xlsx”)的方式

  引入方式  var xlsx = require(“xlsx”);  

  使用说明：点击导出的时候调用exportExcel（id,name）方法入参有两个

  参数说明：

  id:需要导出表格的id

  name:导出文件的文件名

代码如下：

  
    
      
        
          导出xlsx表格
        
      
    

    
      
      
      
      
      
      
    
  

2.进阶导出 

  1.导出数据为xlsx表格文件 表格带下拉选择

  原理：主要依赖于 exceljs 包  版本依赖 4.3.0

  下载方式npm install exceljs@4.3.0

  引入方式  import ExcelJS from “exceljs”;

  导出Excel

图1：

图2：

图3：