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和react监听数据的区别是什么?

vue中computed和watch的区别是什么?

九大vuejs常见面试题,你都会吗?

node+vue怎么实现简单的websocket聊天功能?(代码示例)

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

详解6个不同级别的组件可重用性概念

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

vue开发必须要搭脚手架么?

vue-router是什么

vue全家桶有哪些

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




打赏

取消

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

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

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

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

评论

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