vue2 Excel導出數據 js-xlsx的使用

https://www.jianshu.com/p/ea115a8e9107

小世界最溫暖 關注

2018.11.19 16:08 字數 280 閱讀 422評論 0喜歡 0

大多數文章寫出的都是打包的項目配合js-xlsx使用的Excel導出方法，對於普通引用vue寫出的頁面配合js-xlsx導出頁面卻沒有教程，其實很簡單，今天分享一下教程

js-xlsx 地址 https://github.com/SheetJS/js-xlsx

---

<script src="./shim.min.js"></script>

<script src="./xlsx.full.min.js"></script>

---

再像以上這樣引用之后，然后就是導出的函數了，主要就是要按照它的數據格式來

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");

}

---

以上函數中，_data里就是示例數據，必須將你的數據按照它的規格格式化，導出才會沒有問題，其中_data的第一個數組是表格列名稱數組，然后下面的 數組是數據數組，試試吧，有問題可以call我，希望對你有幫助