Vue将json数据导出到Excel电子表格的示例 |
您所在的位置:网站首页 › json数据导入excel表格 › Vue将json数据导出到Excel电子表格的示例 |
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 |