vue中怎么导出excel文件?


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

//导出的方法

exportExcel() {

      require.ensure([], () => {

        const { export_json_to_excel } = require('../excel/Export2Excel');

        const tHeader = ['序号', '昵称', '姓名'];

        // 上面设置Excel的表格第一行的标题

        const filterVal = ['index', 'nickName', 'name'];

        // 上面的index、nickName、name是tableData里对象的属性

        const list = this.tableData;  //把data里的tableData存到list

        const data = this.formatJson(filterVal, list);

        export_json_to_excel(tHeader, data, '列表excel');

      })

    },

 

    formatJson(filterVal, jsonData) {

      return jsonData.map(v => filterVal.map(j => v[j]))

tHeader是表头,filterVal 中的数据是表格的字段,tableData中存放表格里的数据,类型为数组,里面存放对象,表格的每一行为一个对象。

如此,就可以了。

相关推荐:

2020年前端vue面试题大汇总(附答案)

vue教程推荐:2020最新的5个vue.js视频教程精选

更多编程相关知识,请访问:编程教学!!

以上就是vue中怎么导出excel文件?的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

一个实例入门vue计算属性、方法、侦听器

vue路由跳转的三种方式是什么

vue实现户籍管理系统的实例解析

vue项目中关闭eslint校验的方法介绍

怎么安装vue.js

vue如何动态绑定class?方法介绍

egg和vue的区别是什么?

vue兄弟组件传值有哪五种方法

$nexttick vs settimeout,看看它们的差异

一起看看vue实现打地鼠小游戏

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...