Vue将json数据导出到Excel电子表格的示例

您所在的位置:网站首页 json数据导入excel表格 Vue将json数据导出到Excel电子表格的示例

Vue将json数据导出到Excel电子表格的示例

#Vue将json数据导出到Excel电子表格的示例| 来源: 网络整理| 查看: 265

Vue将json数据导出到Excel电子表格的示例 时间:2021-09-02 来源:互联网 编辑:宝哥软件园 浏览:次

网上看了很多文档,感觉不完整。这里有一个完整而详细的教程。

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

其次,下载两个必需的js文件Blob.js和Export2Excel.js

在此发布下载地址:

Export2Exce_jb51.rar

第三,在src目录下创建一个新的供应商文件夹,并在其中放入Blob.js和Export2Excel.js。

第四,更改webpack.base.conf.js的配置

在解析别名中:

供应商' :路径。resolve (_ _ dirname ',/src/供应商)5。在。vue文件

脚本部分

data(){ return { list :【{ names : ' Korean design fashion风衣',货号:' mpm00112 ',售价:' 999.00 ',备货号nums:3423,销售号nums:3423,Sharenum :3423,},{ name : ' Korean fashion风衣',货号:' MPM 00112 ',/././vendor/export 2 excel ');Const tHeader=['商品名称','商品编号','售价','库存','销量','共享',];const filterVal=['name ',' number ',' salePrice ',' stocknums ',' salesnums ',];const list=this.goodsItemsconst data=this . formatjson(filter val,list);Export _ JSON _ to _ excel (t表头,数据,‘商品管理清单’);}) }}template:

按钮@点击='export2Excel '导出/按钮在此解释:

1.由于个人项目结构不同,export2Excel()中的require路径可能需要单独调整。如果向模块报告“未找到”././export2excel.js ',请自行修改路径。

2.der是每一列的名称,需要手动输入。

3.filterVal是数据中列表的键值,应该自己写。

4.请记住与此处数据中的列表名称相对应

5.导出的excel文件名可以在这里定义

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

版权声明:Vue将json数据导出到Excel电子表格的示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。

上一篇:善用anyproxy提高微信官方账号文章的收集效率 下一篇:JS中document.write()的用法及其清空的原因


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3