博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue项目实现excel导出
阅读量:2240 次
发布时间:2019-05-09

本文共 1073 字,大约阅读时间需要 3 分钟。

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找不到,正常情况下应该放入下面的文件夹中

         

         

现在测试又成功了,搞不懂为什么

转载于:https://www.cnblogs.com/zhaobao1830/p/7569052.html

你可能感兴趣的文章
TP 分页后,调用指定页。
查看>>
Oracle数据库中的(+)连接
查看>>
java-oracle中几十个实用的PL/SQL
查看>>
PLSQL常用方法汇总
查看>>
几个基本的 Sql Plus 命令 和 例子
查看>>
PLSQL单行函数和组函数详解
查看>>
Oracle PL/SQL语言初级教程之异常处理
查看>>
Oracle PL/SQL语言初级教程之游标
查看>>
Oracle PL/SQL语言初级教程之操作和控制语言
查看>>
Oracle PL/SQL语言初级教程之过程和函数
查看>>
Oracle PL/SQL语言初级教程之表和视图
查看>>
Oracle PL/SQL语言初级教程之完整性约束
查看>>
PL/SQL学习笔记
查看>>
如何分析SQL语句
查看>>
结构化查询语言(SQL)原理
查看>>
SQL教程之嵌套SELECT语句
查看>>
日本語の記号の読み方
查看>>
计算机英语编程中一些单词
查看>>
JavaScript 经典例子
查看>>
判断数据的JS代码
查看>>