一、安装依赖

npm install file-saver --save

npm install xlsx --save

npm install script-loader --save-dev

二、下载插件

  到 https://pan.baidu.com/s/1DiIGxik9HaanMQwx2ICGAg 下载插件(密码:fkkg)

三、在src目录下创建一个vendor文件,把下载的插件复制进去

四、修改build/webpack.base.conf.js

  'vendor': path.resolve(__dirname, '../src/vendor')

五、在methods方法里

export_Excel() {
var listStudent = null;
this.axios.get('api/exportStudentList').then((response) => {
listStudent = response.data.list;
})
//↑ 是获取数据 this.$confirm('确定要导出表格数据么?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
require.ensure([], () => {
const {
export_json_to_excel
} = require('../vendor/Export2Excel') const tHeader = ['ID', '姓名', '年龄', '性别', '生日']
const filterVal = ['id', 'name', 'age', 'sex', 'birthday']
const list = listStudent
const data = this.formatJson(filterVal, list)
export_json_to_excel(tHeader, data, '商品管理列表')
})
}).catch(() => {})
},
formatJson(filterVal, jsonData) {
return jsonData.map(v => filterVal.map(j => v[j]))
}

导出之后长这样

  

最新文章

  1. Apache Shiro系列三,概述 —— 10分钟入门
  2. Microsoft Visual Studio has encountered a problem
  3. Java学习笔记 01 基本数据类型、标识符、关键字和运算符
  4. 在浏览器输入网址到页面加载完毕中间到底发生了什么?(Browser-->Server)
  5. 使用MongoDB C#官方驱动操作MongoDB
  6. UVa 10795 - A Different Task
  7. MR 的 mapper 数量问题
  8. init进程解析rc文件的相关函数分析
  9. Java的MongoDB驱动及读写策略
  10. 在 ActionBar 添加刷新按钮
  11. JS代码:设为首页 加入收藏
  12. 创建透明CEdit控件
  13. 使用spring webflow,在前台页面中如何显示后端返回的错误信息
  14. Django----中间件详解
  15. Android碎裂的粒子效果
  16. mybatis学习笔记1.零碎记录
  17. GodMode
  18. 翻译:update语句(已提交到MariaDB官方手册)
  19. select2插件 多选框动态初始化值
  20. C++进阶--静态多态

热门文章

  1. mkdir,rmdir
  2. 3D虚拟环境中的选择技术分类
  3. linux 装composer的出现的问题
  4. go语言标准库之http/template
  5. 从无到有,构建GIS + BIM大厦
  6. 写了那么多年 Java 代码,终于 debug 到 JVM 了
  7. win10下VSCode+CMake+Clang+GCC环境搭建
  8. 【Java】 生成32位随机字符编号
  9. 【原创】(七)Linux内存管理 - zoned page frame allocator - 2
  10. 设置Activity全屏的方法: