layui纯前端导出表格数据

最新推荐文章于 2024-08-23 18:00:00 发布

你离优秀差多少

最新推荐文章于 2024-08-23 18:00:00 发布

阅读量702

点赞数 1

文章标签：前端 layui javascript

本文链接：https://blog.youkuaiyun.com/weixin_45891332/article/details/125204879

版权

1.npm安装

npm i lay-excel

2、然后使用 import 引入并调用导出函数

//引入
import LAY_EXCEL from 'lay-excel';
//导出按钮
<Button type="primary" icon="md-cloud-download" @click="exportData">导出</Button>
//导出函数
exportData(){
      let excel = LAY_EXCEL;
      //设置表头
      let data = excel.filterExportData(this.allData, [
    		'FUNCNAME'
    		,'CAPTION'
    		,'SUBMITTIME'
    		,'SUBMITNAME'
    		,'reviewerName'
    		,'SH1'
    		,'MADENAME'
    		,'STATUSNAME'
    		,'PLANDATE1'
    		,'PLANDATE2'    	
    	]);
      data.unshift({ 
        FUNCNAME: "功能",
        CAPTION: "标题",
        SUBMITTIME: '提交时间',
        SUBMITNAME: "提交人",
        reviewerName: "审核人",
        SH1: '审核状态',
        MADENAME:'处理人',
        STATUSNAME: "状态",
        PLANDATE1: "计划开工",
        PLANDATE2: '计划完工',
      });
      //LAY_EXCEL.exportExcel(数据数组，下载的文件名，文件类型)
      //不需要表头的话，直接这一句话可导出
      excel.exportExcel(data, '功能数据表.xlsx', 'xlsx')
    },