1. 程式人生 > 其它 >記錄vue和element-ui匯出表格到excell

記錄vue和element-ui匯出表格到excell

1.安裝外掛

npm install 'file-saver'
npm install 'xlsx'

2.引入外掛

import FileSaver from 'file-saver'
import XLSX from 'xlsx'

3.定義方法

exportForms(){
            let xlsxParam = {raw:true};
            let wb = XLSX.utils.table_to_book(document.querySelector("#outTable"),xlsxParam);
            //outtable是表格對應的id
let wbout = XLSX.write(wb,{ bookType:"xlsx", bookSST:true, type:"array" }) try{ FileSaver.saveAs( new Blob([wbout],{type:"application/octet-stream;charset=utf-8"}),
"資料詳情.xlsx" //匯出的檔名稱 ) }catch (e) { if(typeof console !== "undefined"){ console.log(e,wbout) } } return wbout; }

提示!!

如果進行了分頁只能匯出第一頁的資料

如果要匯出所有的資料,需要單獨寫一個表,然後display:none匯出這個所有資料的表就可以,親測有效