纯 js 导出 excel
【摘要】
https://www.npmjs.com/package/js-export-excel
第一步,先安装该组件:
npm install js-export-excel
or
yarn add ...
https://www.npmjs.com/package/js-export-excel
第一步,先安装该组件:
npm install js-export-excel
or
yarn add js-export-excel
第二步,在需要地方引用
const ExportJsonExcel = require("js-export-excel");
or
import ExportJsonExcel from "js-export-excel";
开始使用
<template>
<div class="about">
<button @click="exportExcel">点击导出</button>
</div>
</template>
<script>
import ExportJsonExcel from "js-export-excel";
export default {
data(){
return{
selections:[
{'index':'0',"num": "001", "name": "小明"},
{'index':'1',"num": "002", "name": "小红"},
{'index':'2',"num": "003", "name": "小兰"}
]
}
},
methods: {
//定义导出Excel表格事件
exportExcel: function () {
var data = this.selections;//选中的数据
let dataTable = [];
if (data && data.length > 0) {
for (let i in data) {
if (data[i]) {
let obj = {
索引: data[i].index,
学号: data[i].num,
姓名: data[i].name
};
dataTable.push(obj);
}
}
this.exportToExcel(dataTable);
}
},
exportToExcel (dataTable) {
var option = {};
option.fileName = "学生信息";
option.datas = [
{
sheetData: dataTable,
sheetName: "sheet",
sheetFilter: [
"索引", // 要和上面定义的对应
"学号",
"姓名"
],
sheetHeader: [
"索引",
"学号",
"姓名"
]
}
];
var toExcel = new ExportJsonExcel(option);
toExcel.saveExcel();
}
}
}
</script>
<style scoped>
</style>
文章来源: lvsige.blog.csdn.net,作者:祥子的小迷妹,版权归原作者所有,如需转载,请联系作者。
原文链接:lvsige.blog.csdn.net/article/details/109184486
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)