关键词:
这两天学习了Vue.js 感觉知识点挺多的,所以,今天添加一点小笔记。
项目中将后台返回的数据v-for到表格中,然后需要将这个表格导出为EXCEL
只说怎么做。
一、需要安装三个依赖:
npm install -S file-saver xlsx
npm install -D script-loader
二、项目中新建一个文件夹:(vendor---名字任取)
里面放置两个文件Blob.js和 Export2Excel.js。
百度可下载。
三、在.vue文件中
写这两个方法:其中list是表格的内容
export2Excel() {
require.ensure([], () => {
const { export_json_to_excel } = require('../../vendor/Export2Excel');
const tHeader = ['序号', 'IMSI', 'MSISDN', '证件号码', '姓名'];
const filterVal = ['ID', 'imsi', 'msisdn', 'address', 'name'];
const list = this.tableData;
const data = this.formatJson(filterVal, list);
export_json_to_excel(tHeader, data, '列表excel');
})
},
formatJson(filterVal, jsonData) {
return jsonData.map(v => filterVal.map(j => v[j]))
}
四、按钮导出调用export2Excel方法
注:如果webpack报解析错误:
在build----webpack.base.conf.js中resolve的alias加入 'vendor': path.resolve(__dirname, '../src/vendor'),
即可解决
alias是配置别名
Blob.js和 Export2Excel.js文件:链接: http://pan.baidu.com/s/1nvSdw85 密码: 5qhi
vue2.0---将页面中表格数据导出excel(详细)
项目中,后台数据生成的表格如何导出成excel? 一、需要安装三个依赖: npminstall-Sfile-saverxlsx npminstall-Dscript-loader 二、项目中新建一个文件夹:(vend 查看详情
将页面中表格数据导出excel格式的文件(vue)
近期由于项目需要,需要将页面中的表格数据导出excel格式的文件,折腾了许久,在网上各种百度,虽然资料不少,但是大都不全,踩了许多坑,总算是皇天不负有心人,最后圆满解决了。 1、安装相关依赖(npm安装可能... 查看详情
怎么将asp.net导出excel表格
...我告诉你怎么将ASP.NET导出Excel表格: 1.在DownStudent.aspx页面上添加一个Label标签用来显示“请选择要查看数据的条件”静态文本; 2.在该页面上添加DropDownList控件用来控制显示数据以及输出数据的条件,绑定DropDownList1_... 查看详情
使用ivx导出excel表格的经验总结
...的图片和输入框的内容添加到对象数组中,然后利用Excel表格组件将对象数组的数据导出为一个Excel文件并下载。要注意的是Excel表格组件的属性里我们要开启下载图片的选项,否则导出的Excel文件图片那一列不是图片本身而是图... 查看详情
如何将access中的数据导出为excel文件?
导出到microsoftexcel或其他电子表格程序有三种方法可以在microsoftexcel或其他电子表格程序中使用microsoftaccess数据:可以将数据表作为无格式数据导出到microsoftexcel或其他电子表格程序中。可以将数据表、窗体或报表的导出直接作为... 查看详情
c#将datatable数据导出到excel表格中
publicFileResultGetExcelFile() { if(Session["beginDate"]!=null) 查看详情
excel-to-json(将excel表格数据展示到页面中)
...老大给我提了一个需求,他需要将爬虫爬出的数据展示到页面上,因为大多数都是图片数据,所以我的第一反应是循环拼字符串 但是,老大给我的数据都是存在excel表格中的,所以需要将excel表格转化为字符串。找了很多方... 查看详情
将数据库中的数据导出为excel表格——java学习笔记(代码片段)
...增加了一个需求,需要将数据库中的数据导出到excel表格中,再下载下来。而生成Excel比较有名的框架有Apachepoi等,网络上介绍其使用方法的文章也很多,但是我今天使用的是阿里出的easyexcel框架,我个人感觉... 查看详情
如何将jsp页面当中table的数据导出到excel表格通过点击按钮可以实现下载
1、先封装好excel的java帮助类2、点击jsp的导出按钮时,用同步请求带上参数调用后台方法3、解析参数从数据库获取对于的表格数据4、调用excel的java帮助类导出excel帮助类:/**************************************************************************... 查看详情
怎样将mysql数据导出到excel表中
...有一个“导出向导”【4】点击导出向导就会弹出导出的页面,选择导出的格式为.xls,然后单击“下一步”【5】勾选需要导出的表,并设置导出文件所在位置【6】选择需要导出的表中的哪些数据,默认的是全部栏位。选好之后... 查看详情
asp.net(c#)如何将查询到的数据导出excel表格?
...详细指点:说明:我是用asp.net(C#)做查询的,查询数据显示在页面的lable控件上.现在我想根据查询条件将查询到的数据导出到Excel表格中,每一步都要怎么做.能不能讲详细一点?采纳者追加100分!是用lable显示,不用其它控件显示你好,可... 查看详情
将 SAS 表导出到 Excel 电子表格中的列格式
】将SAS表导出到Excel电子表格中的列格式【英文标题】:FormattingcolumnsinexportingSAStabletoExcelspreadsheet【发布时间】:2013-08-0622:35:36【问题描述】:我正在使用ODSExcelXP自动将数据集从SAS导出到Excel:PURCHASE_annual_Minimum_ObsAPRfeeCash_Advance1... 查看详情
数据导出excel和word文件
...例子,直接用Linq连接到数据库car表:方法一:创建一个页面,放上一个按钮,在按钮中写事件,按钮id就叫做button1usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;usingSystem.Web.UI;u 查看详情
delphi导出表格(代码片段)
作者:nansha标题:用Delphi将数据导入到Excel并控制Excel关键字:办公系统,数据导入,控制分类:开发经验密级:公开(评分:,回复:3,阅读:2252)??在日常办公中,用得最多的是Word和Excel,而Excel对数据报表的处理尤为方便(操作公... 查看详情
怎样将mysql数据导出到excel表中
...中有一个“导出向导”我们点击导出向导就会弹出导出的页面,第一个页面提示我们要使用哪一种导出格式。因为我们是导出到EXCEL表中,所以选择导出的格式为.xls,然后单击“下一步”第二个小步骤中,我们需要勾选需要导出... 查看详情
前端将前台table数据导出excel表格
1.首先引用jquery以及table2excel<scripttype="text/javascript"src="js/jquery.table2excel.min.js"></script><scripttype="text/javascript"src="js/jquery.min.js"></script>2.表格部分<tablela 查看详情
用java将数据导出到wps表格中,怎么实现
一:页面图片显示预览:1)如下图:2)点击导出按钮后预览:3)最终生成的excel表格图片预览:二:代码演示:说明:执行操作时,请先引进导出excel表格的jar文件包。找到导出按钮所执行的js方法,在java后天查看该方法的实现... 查看详情
excel表格如何导出
怎样导出excel表格1、进入的工作区的一个表格,点击右上角的“导出”。2、选择导出哪些数据:默认为导出全部数据,如果您筛选过数据,则会提供导出筛选后部分数据的选项。3、点击导出后,等候后台将数据导出。导出成功... 查看详情