网上看了很多文档,感觉不完整。这里有一个完整而详细的教程。
一、安装依赖(基本和以前一样)
其次,下载两个必需的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文件名可以在这里定义
以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。