vue2 Excel导出数据 js-xlsx的使用

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我，希望对你有帮助