vue 导出excel文件利用 excelJs插件

用excelJs导出excel文件没有咋整理发布出来是怕自己忘了咋写

 exportExcel() {if (this.data.length == 0) {this.$message.error("暂无数据");return;}var ExcelJS = require("exceljs");// 创建工作簿var workbook = new ExcelJS.Workbook();// 创建工作表const sheet = workbook.addWorksheet("Sheet1");// 创建表头let headercolum = [{header: `专家`,key: "customerFullName",width: 30,},];let endcol = [{header: "专家类型",key: "expertsType",width: 20,},{header: "专业",key: "expertsMajor",width: 20,},{header: "姓名",key: "personName",width: 20,},{header: "手机",key: "mobilephone",width: 20,},{header: "座机",key: "telephone",width: 20,},{header: "状态",key: "lastLocation",width: 20,},{header: "位置",key: "remarks",width: 50,},{header: "打卡时间",key: "lastTime",width: 20,},];sheet.columns = [...endcol];let dataSource = [...this.data];dataSource.map(el =>{el.lastTime = el.lastTime == undefined ?  ''  : moment(el.lastTime).format('YYYY-MM-DD HH:mm:ss')})dataSource.forEach((item, index) => {sheet.addRow({ ...item });});// sheet.mergeCells(`A1:A${num}`);// sheet.mergeCells("A1:C1");// sheet.mergeCells(`A1:B1`);// sheet.mergeCells(`A2:A3`);// 设置每一行居中// const row = sheet.getRow(1);sheet.eachRow((row, rowNumber) => {sheet.getRow(rowNumber).alignment = {vertical: "middle",horizontal: "center",wrapText: "true",};// 首行字体18,其余行12sheet.getRow(rowNumber).font = {size:rowNumber === 1 ? 21 : rowNumber === 2 || rowNumber === 3 ? 12 : 12,};// 遍历一行中的所有单元格（包括空单元格）row.eachCell({ includeEmpty: true }, (cell, colNumber) => {cell.border = {top: { style: "thin" },left: { style: "thin" },bottom: { style: "thin" },right: { style: "thin" },};});});sheet.horizontalCentered = true;// 下载 excelworkbook.xlsx.writeBuffer().then((buf) => {let blob = new Blob([buf], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8",});const downloadElement = document.createElement("a");let href = window.URL.createObjectURL(blob);downloadElement.href = href;downloadElement.download = `井控专家.xlsx`; // 文件名字document.body.appendChild(downloadElement);downloadElement.click();document.body.removeChild(downloadElement); // 下载完成移除元素window.URL.revokeObjectURL(href); // 释放掉blob对象});}

vue 导出excel文件利用 excelJs插件相关推荐

(vue)vue导出excel文件打不开，或者文件内容为object object
(vue)vue导出excel文件打不开,或者文件内容为object object[已解决] bug: 主要原因:没有注意到后端返回的数据格式,需要的是res而不是res.data 正确写法: < ...
vue导出excel加一个进度条_使用vue导出excel文件
今天再开发中遇到一件事情,就是怎样用已有数据导出excel文件,网上有许多方法,有说用数据流的方式,https://www.cnblogs.com/yeqrblog/p/9758981.html,但是 ...
vue导出excel文件损坏
vue从后台导出二进制流, 下载后提示文件损坏导出时需要注意返回的数据一定要是二进制流, 使用以下代码导出返回流 export function downloadFile(obj, name, su ...
纯前端 vue 导出excel 这里用 vue-json-excel插件
1.npm安装依赖 npm install vue-json-excel 2.项目主文件入口main.js全局引入 import JsonExcel from 'vue-json-excel'Vue. ...
在vue中把数据导出Excel文件
在vue中把数据导出Excel文件第一次尝试写文章在vue中把数据导出成Excel格式的文件,话不多,上代码: 第一步我们要先安装几个集成的插件 npm install -S file-saver ...
使用封装的exceljs导出excel文件
相信大家也是开发中遇到导出导入数据的功能,接下来给大家分享自己的小小经验.拿来用就可以. 首先安装 exceljs 包和 file-saver 包 // npm 安装exceljs命令 npm ins ...
Vue+iview实现自定义格式导出Excel文件
背景:项目中要实现一个导出Excel文件模板的功能,原来实现是通过后台生成然后前端请求下载,这样要消耗IO资源,然后看了一下之前项目的导出功能,发现原来Vue+iview可以实现本地数据导出,不过iv ...
C#利用Microsoft.Office.Interop.Excel导出excel文件
导入Microsoft.Office.Interop.Excel.dll文件引用为了能够导出excel文件,由于使用的是Microsoft.Office.Interop.Excel,所以我们首先 ...
纯js导出Excel文件（无需引入插件）
纯js导出Excel文件(无需引入插件) 提示:代码没有来得及整理,大致代码都在这里 let thlist = [[{text: '序号', rowspan: '2'},{text: '姓名', ro ...

vue 导出excel文件利用 excelJs插件

用excelJs导出excel文件没有咋整理发布出来是怕自己忘了咋写

vue 导出excel文件利用 excelJs插件相关推荐

最新文章

热门文章

vue 导出excel文件 利用 excelJs插件

用excelJs导出excel文件 没有咋整理发布出来是怕自己忘了咋写

vue 导出excel文件 利用 excelJs插件相关推荐

最新文章

热门文章

vue 导出excel文件利用 excelJs插件

用excelJs导出excel文件没有咋整理发布出来是怕自己忘了咋写

vue 导出excel文件利用 excelJs插件相关推荐