vue实现前端导出excel表格
1.在src目录下创建一个文件(vendor)进入Blob.js
和Export2Excel.js
2.npm install -S file-saver
用来生成文件的web应用程序
3.npm install -S xlsx
电子表格格式的解析器
4.npm install -D script-loader
将js挂在在全局下
5.写事件
1 handleDownload(){ 2 import('@/vendor/Export2Excel').then(excel => { 3 const tHeader = ['timestamp', 'title', 'type', 'importance', 'status']//头 4 const filterVal = ['timestamp', 'title', 'type', 'importance', 'status']//值 5 const data = this.formatJson(filterVal, this.list) 6 excel.export_json_to_excel({ 7 header: tHeader, 8 data, 9 filename: 'table-list' 10 }) 11 }) 12 },
6.
1 formatJson(filterVal, jsonData) { 2 return jsonData.map(v => filterVal.map(j => { 3 return v[j] 4 })) 5 }
6 }
一辈子很短,努力的做好两件事就好;第一件事是热爱生活,好好的去爱身边的人;第二件事是努力学习,在工作中取得不一样的成绩,实现自己的价值,而不是仅仅为了赚钱;
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步