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