vue将json数据导出到Excel电子表格

网上看了很多文档，感觉都不全。这是一个完整的详细教程。1、安装依赖（和之前基本一样）npminstallfile-saver--savenpminstallxlsx--savenpminstallscript-loader--save-dev2、下载需要的两个js文件Blob.js和Export2Excel.js。下载地址贴在这里：http://xiazai.jb51.net/201708/yuanma/Export2Exce_jb51.rar3、在src目录下新建vendor文件夹，将Blob.js和Export2Excel.js放入其中。4.更改webpack.base.conf.js中配置的aliasinresolve:'vendor':path.resolve(__dirname,'../src/vendor')5.在.vue文件中，脚本部分data(){return{list:[{name:'韩版设计时尚风衣big',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){　　　　returnjsonData.map(v=>filterVal.map(j=>v[j]))　　},export2Excel(){　　　　require.ensure([],()=>{　　　　　　const{export_json_to_excel}=require('../../../vendor/Export2Excel');　　　　　　consttHeader=['产品名称','产品编号','售价','库存','销售额','份额',];　　　　　　constfilterVal=['名称','编号','salePrice','stocknums','salesnums','sharenums',];　　　　　　constlist=this.goodsItems;　　　　　　常量数据a=this.formatJson(filterVal,list);　　　　　　export_json_to_excel(tHeader,data,'商品管理列表');　　　　})　}}template:Export这里说明一下：1.export2Excel()中require的路径可能因个人不同需要单独调整项目结构。如果报modulenotfound'../../Export2Excel.js'，请自行修改路径2.tHeader为每一列的名称，需要手动输入。3、filterVal是data中list的key值，必须自己写。4.这里的数据记得要对应列表的名字。5.在这里您可以定义导出的excel文件的名称。参考文章：https://www.cnblogs.com/Mrfan...