vue导出功能(两种方式)

第一种(数组的导出)
npm i -S file-saver xlsx
npm i -S script-loader
在这里插入图片描述

写两个方法

exportData () {
      const { export_json_to_excel } = require('@/vendor/Export2Excel');
      const tHeader = ['列1', '列2', '列3'];
      const filterVal = ['row1', 'row2', 'row2'];
      const list = this.tableData;
      const data = this.formatJson(filterVal, list);
      export_json_to_excel(tHeader, data, 'fileName');
    },

    formatJson (filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => v[j]))
    }

tableData是需要导出的数组
http://www.manongjc.com/detail/16-fxcffaekpprojck.html 原文

第二种(elementui的表格)
https://blog.csdn.net/qq_40611595/article/details/119459716utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2aggregatepagefirst_rank_ecpm_v1~rank_v31_ecpm-1-119459716.pc_agg_new_rank&utm_term=vue%E5%AE%9E%E7%8E%B0%E5%AF%BC%E5%87%BA%E5%8A%9F%E8%83%BD&spm=1000.2123.3001.4430 原文
解决重复数据问题
https://blog.csdn.net/qq_37916164/article/details/119967845?utm_medium=distribute.pc_relevant.none-task-blog-2defaultbaidujs_title~default-0.pc_relevant_aa&spm=1001.2101.3001.4242.1&utm_relevant_index=3

npm install --save xlsx file-saver

npm install --save xlsx file-saver

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值