Vue2.0实现将页面中表格数据导出excel的实例
这两天学习了Vue.js 感觉知识点挺多的，所以，今天添加一点小笔记。
项目中将后台返回的数据v-for到表格中，然后需要将这个表格导出为EXCEL
只说怎么做。
一、需要安装三个依赖：
npm install -S file-saver xlsx npm install -D script-loader
二、项目中新建一个文件夹：（vendor---名字任取）
里面放置两个文件Blob.js和 Export2Excel.js。
Blob.js和 Export2Excel.js文件下载地址：Export2Exce_jb51.rar
三、在.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是配置别名
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍Python实现将数据库一键导出为Excel表格的实例，包括了Python实现将数据库一键导出为Excel表格的实例的使用技巧和注意事项，需要的朋友参考一下 数据库数据导出为excel表格，也可以说是一个很常用的功能了。毕竟不是任何人都懂数据库操作语句的。 下面先来看看完成的效果吧。 数据源 导出结果 依赖 由于是Python实现的，所以需要有Python环境的支持 Python2.
-
本文向大家介绍vue中导出Excel表格的实现代码，包括了vue中导出Excel表格的实现代码的使用技巧和注意事项，需要的朋友参考一下 项目中我们可能会碰到导出Excel文件的需求，一般后台管理系统中居多，将table中展示的数据导出保存到本地。当然我们也可以通过一些处理来修改要导出的数据格式，具体需求具体对待。 1、首先我们需要安装3个依赖，file-saver、xlsx和script-load
-
本文向大家介绍JSP 导出Excel表格的实例，包括了JSP 导出Excel表格的实例的使用技巧和注意事项，需要的朋友参考一下 java 后台返回一个ModelAndView 对象，然后加入这2行设置 也可以把这二行设置放入JSP中 在jsp代码如下： 以上这篇JSP 导出Excel表格的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
本文向大家介绍c# 将Datatable数据导出到Excel表格中，包括了c# 将Datatable数据导出到Excel表格中的使用技巧和注意事项，需要的朋友参考一下 话不多说，请看代码： 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持呐喊教程！
-
本文向大家介绍Spring 实现excel及pdf导出表格示例，包括了Spring 实现excel及pdf导出表格示例的使用技巧和注意事项，需要的朋友参考一下 整理文档，搜刮出一个Spring 实现excel及pdf导出表格的代码，稍微整理精简一下做下分享。 excel 导出： pdf导出： 重写spring调用itext pdf 公共类 生成pdf 调用 以上就是本文的全部内容，希望对大家的学习
-
本文向大家介绍ajax实现excel报表导出，包括了ajax实现excel报表导出的使用技巧和注意事项，需要的朋友参考一下 利用ajax实现excel报表导出【解决乱码问题】，供大家参考，具体内容如下 背景 项目中遇到一个场景，要导出一个excel报表。由于需要token验证，所以不能用a标签；由于页面复杂，所以不能使用表单提交。初步考虑前端使用ajax，后端返回流，定义指定的header。 第一