記錄vue和element-ui匯出表格到excell
阿新 • • 發佈:2021-08-04
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是表格對應的idlet 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匯出這個所有資料的表就可以,親測有效