Vue项目实现excel导出
2017-09-21 16:00
316 查看
1、package.json里面安装三个插件
npm install xlsx --save
npm install script-loader –save-dev
npm install file-saver –save-dev
2、src下创建vendor文件夹,里面放Blob.js、Export2Excel.js
3、webpack.base.conf.js进行修改
alias下面添加 'vendor': resolve('src/vendor')
4、组件写入代码
1 // 导出excel文件 2 exportInformation () { 3 require.ensure([], () => { 4 const { export_json_to_excel } = require('vendor/Export2Excel') 5 const tHeader = ['ID', '公司名称', '联系人', '手机号', '邮箱', '所在地区', '业务需求', '业务描述'] 6 const filterVal = ['id', 'nameVal', 'contactsVal', 'telephoneVal', 'emailVal', 'addressPro', 'bussNedds', 'busDescription'] 7 const list = this.dataList 8 const data = this.formatJson(filterVal, list) 9 export_json_to_excel(tHeader, data, '列表excel') 10 }) 11 }, 12 // 格式化json数据 13 formatJson (filterVal, jsonData) { 14 return jsonData.map(v => filterVal.map(j => v[j])) 15 }
项目中遇到的问题:
打包发布到服务器上(本地没问题),点击导出按钮的时候,报错,说0.js找不到,正常情况下应该放入下面的文件夹中
现在测试又成功了,搞不懂为什么
相关文章推荐
- 【vue】vue中实现导出excel
- Vue实现在前端导出Excel
- vue项目中列表数据导出为excel格式数据
- Django项目实现指定生成excel并导出本地功能
- 前端vue与 js-xlsx 实现 Excel 文件导出功能
- vue中使用moment来实现导出excel时添加格式化的时间戳
- vue+springmvc导出excel数据的实现代码
- javaweb项目基于poi的excel导出功能实现
- 5丶electron-vue安装js-xlsx,实现Excel导入导出
- J2EE项目系列(四)--SSM框架构建积分系统和基本商品检索系统(Spring+SpringMVC+MyBatis)(3)Ajax使用详解(级联列表)以及企业级报表Excel导入导出实现
- web项目实现Excel数据导入导出
- VUE的axios实现excel导出下载功能
- 【angularjs】pc端使用angular搭建项目,实现导出excel功能
- web项目中实现从网页导出Excel的功能
- vue前端实现导入导出excel(兼容IE11)
- Vue项目中将表格内的数据导出为Excel文件
- NPOI导入导出EXCEL通用类,可直接使用在WinForm项目中
- vue2.0 导出Excel表格数据
- java excel 导出,直接输出,不在项目内生成文件