大多數(shù)文章寫出的都是打包的項(xiàng)目配合js-xlsx使用的Excel導(dǎo)出方法呻征,對于普通引用vue寫出的頁面配合js-xlsx導(dǎo)出頁面卻沒有教程对湃,其實(shí)很簡單梯嗽,今天分享一下教程
js-xlsx 地址?https://github.com/SheetJS/js-xlsx
<script src="./shim.min.js"></script>
<script src="./xlsx.full.min.js"></script>
再像以上這樣引用之后匕得,然后就是導(dǎo)出的函數(shù)了杯矩,主要就是要按照它的數(shù)據(jù)格式來
function exportExcel(excelname){
? ? var self = this;
? ? var _data = [
? ? ? ? [ "id",? ? "name", "value" ],
? ? ? ? [? ? 1, "sheetjs",? ? 7262 ],
? ? ? ? [? ? 2, "js-xlsx",? ? 6969 ]
? ? ];
? ? var worksheet = XLSX.utils.aoa_to_sheet(_data);
? ? var new_workbook = XLSX.utils.book_new();
? ? XLSX.utils.book_append_sheet(new_workbook, worksheet, excelname?excelname:"SheetJS");
? ? XLSX.writeFile(new_workbook, excelname?(excelname+'.xlsx'):"sheetjs.xlsx");
}
以上函數(shù)中栈虚,_data里就是示例數(shù)據(jù),必須將你的數(shù)據(jù)按照它的規(guī)格格式化史隆,導(dǎo)出才會(huì)沒有問題魂务,其中_data的第一個(gè)數(shù)組是表格列名稱數(shù)組,然后下面的 數(shù)組是數(shù)據(jù)數(shù)組泌射,試試吧粘姜,有問題可以call我,希望對你有幫助