JS实现Excel表格数据的导出

首先需要2个JS文件
这俩个js搜一下应该都有的

页面2个按钮

data数据

JS如下

先点击模拟发送请求，再导出数据结果如下

实现多层结构导出，完整代码

<template><div><el-button type="primary" @click="getData">模拟发请求</el-button><el-button type="primary" @click="exportExcel">导出</el-button></div>
</template><script>
export default {// name: "themeCfg",data() {return {classList: [{className: "A班",students: [{stuName: "xxx",age: 38,sex: "男"},{stuName: " TTT",age: 18,sex: "女"}]},{className: "B班",students: [{stuName: " ZZZ",age: 28,sex: "男"}]}],excelData: []};},methods: {getData() {console.log("请求成功");//拿到数组classList 根据你需要的数据处理，然后进行打印//假设需要 每个班级的Name和其对应的学生信息 如 a班 xxx 28 男 || a班 TTT 18 女this.classList.forEach(v => {v["students"].forEach(j => {// 定义一个空数组 接处理后的数据this.excelData.push({className: v["className"],stuName: j["stuName"],age: j["age"],sex: j["sex"]});});});console.log(this.excelData);},exportExcel() {//没有数据不打印if (this.excelData.length === 0) {return;}import("@/vendor/Export2Excel").then(excel => {const tHeader = ["班级名称", "学生姓名", "年龄", "性别"];const filterVal = ["className", "stuName", "age", "sex"];const data = this.formatJson(filterVal, this.excelData);excel.export_json_to_excel({header: tHeader,data,filename: `某学校下班级学生数据_`});});},formatJson(filterVal, jsonData) {return jsonData.map(v => filterVal.map(j => v[j]));}}
};
</script><style lang="less" scoped></style>

JS实现Excel表格数据的导出相关推荐

excel表格数据导入导出
/** * 导出数据到excel表格 * Created by shenjianhua on 2018-12-28 */ package com.luer.comm.excel; import jav ...
iview table数据直接导出_(excel表格数据导入导出)iView如何实现excel导入导出
请问:ERP系统的数据怎么导出Excel和Excel的数据怎么导入ERP? 一般的方法是: 在你找那个数据页面会有数据输出选项--点击然后到登陆ERP的第一个远程桌面,会有一个资料夹 (各公司的命名 ...
Excel表格数据的导出方法
第一步我们是在页面给一个询问语句的方法,用来询问用户是否要导出当前页面的数据,然后再给一个确定的方法,用的是window.open,直接在浏览器页面打开. 为了保证我们导出来的数据和页面的数据是一样 ...
使用xlsx.full.min.js读取excel表格数据
话不多说,直接上图 excel 数据是这样的结果是这样的代码如下,需要引入xlsx.full.min.js 下载地址 <!doctype html> <html lang=&qu ...
【Unity】安装配置Python使用protobuf转换Excel表格数据并在unit中使用
前言: 之前使用NPOI插件编写的导表工具,其实就是直接将数据进行序列化,解析时还需要进行反序列化,步骤比较繁复,最近看到Google的一个开源的项目protobuf,不仅可以用于进行excel表格数 ...
《Unity 3D游戏客户端基础框架》protobuf 导excel表格数据
前言: 之前使用NPOI插件编写的导表工具,其实就是直接将数据进行序列化,解析时还需要进行反序列化,步骤比较繁复,最近看到Google的一个开源的项目protobuf,不仅可以用于进行excel表格数 ...
asp.net将内容导出到Excel，Table表格数据(html)导出EXCEL
代码: 1 /// <summary> 2 /// HTML Table表格数据(html)导出EXCEL 3 /// </summary> 4 /// <param n ...
ant 改变表格数据_React ant design表格导出数据为EXCEL表格数据
一.由于公司项目需要,需要将表格数据导出为EXCEL表格数据.环境React+Ant Design 二.安装插件js-export-excel yarn安装-记得以管理员身份执行 yarn add j ...
表格导出计算机,电脑怎么导出excel表格数据-如何将百度指数数据导出到Excel表格...
系统没有导出功能,电脑表格里的数据有什么方法拿... 将网页表格数据导入到Excel中的方法: 第一步,将包括所需表格的网页打开,并按CTRL C把网址复制到剪贴板,以备下一步使用. 第二步,打开运行 ...

JS实现Excel表格数据的导出

JS实现Excel表格数据的导出相关推荐

最新文章

热门文章