背景:
这是需求。。
请教静姐,找到一个库 – xlsx.full.min.js,支持导出导入数据到csv或者excel文件。
alicdn:
1 | <script src="http://g.alicdn.com/cs70/luban-component/0.2.3/xlsx.full.min.js"></script> |
使用方法:
数据格式:
页面上添加a标签:
1 | <a href="" download="machine_info.xlsx" id="hf"></a> |
导出过程:
1 | function exportToExcel (dataIndex) { |
为button绑定事件:
效果:
简单封装成鲁班组件:
app-export.js:
1 | Vue.component('app-export', Vue.extend({ |
用法:
1 | <app-export filename="machine-info" :data="context.machineData"></app-export> |