前端數據導出excel表格

1.安裝依賴:

npm i file-saver

2.引入模塊:

import {saveAs} from 'file-saver';

3.拼接數據格式:

let fileData =['車牌號','所屬公司','所屬車隊','車架號','運行狀態','車內溫度','車外溫度','設備狀態','更新時間'];
for(let item of data){
	fileData =[fileData +'\n'+ [this.currentBus['busName'],this.currentBus['companyName'],this.currentBus['teamName'],this.currentBus['frameName'],model,item.innerTem,item.outerTem,this.currentBus['busSn']+busStatusText,item.time]];
}

4.導出:

const blob = new Blob(fileData,{ type: 'text/xlsx,charset=UTF-8' });
const fileName = 'History.csv';
saveAs(blob, fileName);

備註:
1.file-saverfile-saver-npm
2.Blob對象Blob對象

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章