vue+elementui项目导出表格功能

vue项目导出表格功能实现步骤

1. npm install file-saver@2.0.2
2. npm install xlsx@0.16.0
3. 需要的页面引入

import FileSaver from "file-saver";
import XLSX from "xlsx";

4. 方法

 //导出数据
      exportExcel () {
        //需给表格定义一个id或者类名
        let wb = XLSX.utils.table_to_book(document.querySelector('#table')); 
        let wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' });
        try {
          FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), '***.xlsx');  //***是自己导出文件时的命名，随意
        } catch (e)
        {
          if (typeof console !== 'undefined')
            console.log(e, wbout)
        }
        return wbout
      },

提示：刚开始项目中直接引入XLSX插件，没有选择版本，出现“export ‘default‘ (imported as ‘XLSX‘) was not found in ‘xlsx‘警告提示，原因是版本不兼容，后卸载，重新安装带低版本的，所以安装时可以按照上面步骤指定版本即可。