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项目全局使用axios的方法介绍

浅析vue创建组件的几种方式

vue路由守卫有哪三种类型

vue哪一年出来的

vue template是什么

vue通常在项目中干什么

怎么用vue.js做异步请求

13道前端vue面试题分享(附答案解析)

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

vue常见面试题汇总(附答案解析)

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




打赏

取消

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

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

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

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

评论

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