exportExcel: function () {//要导出的json数据const jsonData = vm.dataListfor (let j = 0; j < jsonData.length; j++) {console.log(jsonData[j])delete jsonData[j].iddelete jsonData[j].beforeSixCountdelete jsonData[j].beforeOneCount}//列标题//列标题,逗号隔开,每一个逗号就是隔开一个单元格let str = `省份,数据类型,厂家,IP,CM目录,采集服务器IP,采集目录,文件量,文件数,小于1MB文件数,1点前文件量,1点前文件数占比,6点前文件量,6点前文件数占比,日期\n`;//增加\t为了不让表格显示科学计数法或者其他格式for (let i = 0; i < jsonData.length; i++) {for (let item in jsonData[i]) {str += `${jsonData[i][item] + '\t'},`;}str += '\n';}//encodeURIComponent解决中文乱码let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);//通过创建a标签实现let link = document.createElement("a");link.href = uri;//对下载的文件命名link.download =  "CM数据统计"+(new Date().getMonth()+1)+"."+ new Date().getDate()+".csv";document.body.appendChild(link);link.click();document.body.removeChild(link);},

jsonData为list类型是你需要导出的数据,然后设置好表头就可以导出了。

萌新记录大佬的代码。

JS导出excel 纯前端相关推荐

  1. 不用任何 js 库,纯前端导出数据到 Excel / CSV 文件就这么简单几行代码

    最近实现的导出数据为表格的需求,不需要工具库,也不要后端实现,mark 一下. js 导出 excel 表格 最近工作中又遇到了将表格数据导出为 excel 表格的需求,我第一时间想到的是之前我的网站 ...

  2. 纯js导出Excel文件(无需引入插件)

    纯js导出Excel文件(无需引入插件) 提示:代码没有来得及整理,大致代码都在这里 let thlist = [[{text: '序号', rowspan: '2'},{text: '姓名', ro ...

  3. js导出excel(带边框以及文本样式)

    js导出excel 假定有这样一个页面 <div class="content-table"><table lay-filter="queryTable ...

  4. 浏览器端JS导出EXCEL

    浏览器端JS导出EXCEL FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存.FileSaver.js 在客户端保存文件 ...

  5. 通过javascript获取sharepoint数据,使用JS导出Excel

    通过网页将数据导出到Excel是常见需求,使用服务器端导出,开发周期长,部署麻烦.这里推荐一种客户端导出方法. 客户端导出与Sharepoint无关.这里附带使用场景基于SP,因为SP自带的导出功能比 ...

  6. chrome浏览器使用js导出Excel出现网络错误

    使用js 导出Excel由于数据量太大导致出现网络错误,如图所示: 解决办法: 表格绘制完成后,使用 Blob let blob = new Blob([format(template, ctx]); ...

  7. 四种利用js导出Excel的方法(兼容IE6+、主流浏览器、支持复杂表头和合并单元格)

    因为项目需求变更,最后决定使用做JS导出Excel,网上看了很多的帖子和例子,很多的例子并不能满足需求( 处理复杂表头,兼容主流浏览器,兼容IE等等).所以,自己找了几个比较不错的例子,在其基础上结合 ...

  8. 关于IE8浏览器JS导出excel,要使导出列宽度按自己控制。

    关于IE8浏览器JS导出excel,要使导出列宽度按自己控制. function getExplorer() { var explorer = window.navigator.userAgent ; ...

  9. js导出excel(js-export-excel)

    js导出excel表格 这个需求在后台管理系统中很常见, 我们使用js-export-excel进行excel的导出 首先在我们的项目中安装这个包 npm install js-export-exce ...

  10. js导出EXCEL js导出EXCEL

    参考一:http://wenku.baidu.com/view/7b81f3eb6294dd88d0d26b57.html 参考二: js导出EXCEL js导出EXCEL <html> ...

最新文章

  1. PERL 语言中的q,qw,qr,qx,qq......符号用法总结
  2. 织梦(dedecms)当前位置{dede:field name='position' /}修改
  3. Quartz 定时器任务调度
  4. 苹果宣布加入CNCF;华为要求美国运营商支付专利费;微软删除最大的公开人脸识别数据集...
  5. 18岁参加工作,工龄30年
  6. 如何打开电脑就自动显示html文件,电脑教程:Win10怎么打开html文件
  7. win7系统下,磁盘之间合并
  8. pickle.dump()和pickle.load()进行文件操作
  9. 用户、组和权限命令练习
  10. python微博接口_Python使用新浪微博API发送微博的例子
  11. win10wifi多了数字_Win10 技巧:如何修改有线 / WiFi 网络优先级?
  12. 谈心-弱之胜强,柔之胜刚
  13. 恢复PyCharm顶部菜单栏
  14. ES部分查询方法,elasticsearch查询方法
  15. 数据库(Mysql)的事物详解
  16. CSDN小伙伴们苦苦寻找的最全的微软msdn原版windows系统镜像和office下载地址集锦
  17. 终端类型 xterm linux,Linux的终端类型
  18. 爬虫开发04--代理IP
  19. 索骥馆-OFFICE系列之《EXCEL数据分析之道:让你的数据更有说服力》扫描版[PDF]
  20. Android开发: 美化输入框EditText

热门文章

  1. 1500个前端开发常用JavaScript特效
  2. android代码设置点击涟漪,android – 为自定义CompoundButton添加涟漪效果
  3. 游戏封包模拟器_问道模拟器人物移动封包分析教程
  4. Python基础总结
  5. python安装setup.py命令_python安装模块如何通过setup.py安装(超简单)
  6. 小区物业管理系统c语言,智能小区物业管理系统毕业论文.doc
  7. 西威变频器使用说明书_西威变频器说明书 (1)
  8. Android 程序清单详解
  9. SketchUp Pro 2022草图大师27个最常用的快捷键(含PC和Mac)
  10. 2016 计算机控制技术试题,计算机控制技术试题