vue导出excel表

本文介绍了两种在Vue2.0+Element UI环境中将el-table数据导出为Excel的方法。第一种方法引用了相关教程;第二种方法包括安装Blob.js和Export2Excel.js,创建vendor文件夹并引入文件,然后在Vue组件内编写导出方法,特别提到导出的文件格式处理,使用了date-fns库来格式化时间。
摘要由CSDN通过智能技术生成

方法一:vue2.0 + element UI 中 el-table 数据导出Excel 。https://blog.csdn.net/u010427666/article/details/79208145

方法二:

1.安装2个依赖包(其实是3个)

 npm install -S file-saver xlsx

npm install -D script-loader

2.在项目中新建一个文件夹 vendor(随便取的名字)

放进2个文件 :Blob.js与Export2Excel.js

3.在.vue文件中写方法(现在是根据所选从后台拿数据的写法):

exportTemplate: function() {
this.loading = true
if (this.multipleSelection.length) { //根据选中的某条数据进行导出
const ids = []
this.multipleSelection.forEach(function (item) { //拿到某条数据的订单编号传给后台
ids.push(item.orderId)
})

exportExcel({ 
ids: JSON.stringify(ids) //给后台的数
  • 4
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值