php输出json到表格,Vue如何导出json数据到Excel电子表格方法

本文主要介绍了Vue导出json数据到Excel电子表格的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考，希望能帮助到大家。

一、安装依赖(前面基本一样)

npm install file-saver --save

npm install xlsx --save

npm install script-loader --save-dev

二、下载两个所需要的js文件Blob.js和 Export2Excel.js。

这里贴下下载地址：

Export2Exce_jb51.rar

三、src目录下新建vendor文件夹，将Blob.js和 Export2Excel.js放进去。

四、更改webpack.base.conf.js配置

在resolve的alias：

'vendor': path.resolve(__dirname, '../src/vendor')

五、在.vue文件中

script部分

data(){

return{

list:[

{

name:'韩版设计时尚风衣大',

number:'MPM00112',

salePrice:'￥999.00',

stocknums:3423,

salesnums:3423,

sharenums:3423,

{

name:'韩版设计时尚风衣大',

number:'MPM00112',

salePrice:'￥999.00',

stocknums:3423,

salesnums:3423,

sharenums:3423,

]

}

methods:{

formatJson(filterVal, jsonData) {

return jsonData.map(v => filterVal.map(j => v[j]))

export2Excel() {

require.ensure([], () => {

const { export_json_to_excel } = require('../../../vendor/Export2Excel');

const tHeader = ['商品名称','商品货号','售价','库存','销量','分享',];

const filterVal = ['name', 'number', 'salePrice', 'stocknums', 'salesnums', 'sharenums', ];

const list = this.goodsItems;

const data = this.formatJson(filterVal, list);

export_json_to_excel(tHeader, data, '商品管理列表');

})

}

template:

导出

这里说明一下：

1、export2Excel()中require的路径因个人项目结构不同可能需要单独调整，如果报module not found '../../Export2Excel.js'之类请自行修改路径。

2、tHeader是每一栏的名称，需手动输入。

3、filterVal是data中list的key值，也是要自己写的。

4、这里记得要与data里面的list名称对应

5、这里可定义导出的excel文件名

php输出json到表格,Vue如何导出json数据到Excel电子表格方法相关推荐

php 导出大数据量excel 解决方法秒出并不会出现PHPExcel内存溢出问题
最近公司需要每天生成亚马逊广告调价报告报表并且文件格式必须为excel 数据量超过10w+ 使用PHPExcel组件加上生成器yield 并且设置单元格对象缓存还是会导致内存爆掉最后使用了PH ...
oracle 数据导出 excel 自动分多个文件,从oracle数据库中导出大量数据到excel中为什么自动分成了好几个excel文件《excel表格新手入门》...
EXCEL中一个单元格中多行文本如何导入或复制到SQL SERVER 数据库表中? 保留换行符保存进数据表啊,读取出来显示的时候根据需要进行转换就行了,比如要在网页上显示,可以把换行符转换成HTML的 ...
php导出excel数据代码,phpspreadsheet导出数据到Excel的方法介绍（代码示例）
本篇文章给大家带来的内容是关于phpspreadsheet导出数据到Excel的方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 之前我们使用PHP导出Excel数 ...
php mysql生成excel文件,PHP导出MySQL数据到Excel文件简单示例
这篇文章主要为大家详细介绍了PHP导出MySQL数据到Excel文件简单示例,具有一定的参考价值,可以用来参考一下. 对phpPHP导出MySQL数据到Excel文件简单示例感兴趣的小伙伴,下面一起跟 ...
asp.net导出GridView数据到Excel
最近做了一个导出GridView数据到Excel中的例子,把代码和遇到的一些问题放出来. 1 Response.Clear(); 2 Response.Buffer = ...
使用poi导出大量数据到excel遇到的问题
最近在工作遇到利用poi导出大量数据到excel并提供下载的运用场景,并遇到了一个问题,当数据量过大时(几十万),后台在进行数据写入excel中的过程会非常耗时,导致迟迟没有响应前台,结果数据还没导完 ...
php 导出tables,jquery+php实现导出datatables插件数据到excel的方法_php技巧
本文实例讲述了jquery+php实现导出datatables插件数据到excel的方法.分享给大家供大家参考.具体如下: DataTables是一个jQuery的表格插件.这是一个高度灵活的工具,依 ...
java 导出excel教程,[Java教程]导出大量数据到Excel的一种方式
[Java教程]导出大量数据到Excel的一种方式 0 2012-07-09 17:00:11 在Java Web开发中,经常需要导出大量的数据到Excel,使用POI.JXL直接生成Excel,很容 ...
php按列导出excel2010,excel2010官方下载免费完整版 PHP导出MySQL数据到Excel文件fputcsv...
这里的方法是利用fputcsv写CSV文件的方法,直接向浏览器输出Excel文件. 复制代码代码如下: // 输出Excel文件头,可把user.csv换成你要的文件名 header('Conten ...

php输出json到表格,Vue如何导出json数据到Excel电子表格方法

php输出json到表格,Vue如何导出json数据到Excel电子表格方法相关推荐

最新文章

热门文章