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文件?的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue3.0有哪些新特性

vue实现员工信息录入功能的方法

vue项目通过import引入外部css报错怎么办

vue.js用什么编辑器

vuex中常用知识点(总结)

使用vue.js如何实现轮播

如何解决vue $refs报错问题

vue1.0与2.0有什么区别

vue中怎么导出excel文件?

vue中mounted和created的区别(图文详解)

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




打赏

取消

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

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

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

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

评论

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