vue table组件数据下载为XLSX文件

产品突然要求将页面table表格内的数据下载为xlsx文件，后端又不想给接口，产品要的还比较急。

这里就需要使用组件 XLSX，安装依赖

页面内引用XLSX插件
import XLSX from ‘xlsx’

使用事件进行下载xlsx文件
勾选需要下载的数据或者当前页面数据
文件下载后的xlsx文件的表头为id,nickname,uid,secUid等等，对象数组内的对象的键值(key)

// 下载信息downloadInfo() {let xlsxData = []// 数组整合 确定表头this.tableData.map((item, index) => {xlsxData.push({ id: index, nickname: item.note_user_name, uid: item.note_user_id, secUid: '', unique_id: item.note_user_name, region: '',postNum: 0, followingNum: 0, followerNum: 0, profile: 0, headImg: '', CreateTime: ''})})let ws = XLSX.utils.json_to_sheet(xlsxData) // sheet_to_json 将JS对象数组转换为工作表let wb = XLSX.utils.book_new() // 创建新的工作薄对象XLSX.utils.book_append_sheet(wb, ws, 'sheetname') // 在工作薄内追加事件表return XLSX.writeFile(wb, 'filename.xlsx') // 写入工作簿wb 文件名filename.xlsx 浏览器环境下会直接下载},

VUE table下载XLSX文件相关推荐

使用 xlsx 下载 xlsx 文件
使用 xlsx 下载 xlsx 文件: import { writeFileXLSX, utils } from 'xlsx';export const downloadSheet = (dataSo ...
java下载xlsx文件_Java后台Controller实现文件下载操作
代码参数: 1.filePath:文件的绝对路径(d:\download\a.xlsx) 2.fileName(a.xlsx) 3.编码格式(GBK) 4.response.request不介绍了, ...
java下载xlsx文件_【小坑】java下载excel文件
excel文件的导入导出是很常见的功能,这次做了个下载的功能,踩了一些坑,记下来避免以后重复踩-- 1.inputstream序列化问题 Could not write JSON document: ...
vue前端下载excel文件
// html <el-button type="primary" plain @click="frontDownload">本地下载</el ...
vue中下载excel文件
请求用的axios 请求函数封装 req.js import axios from 'axios' const api = axios.create({baseURL : _getBaseUrl(), ...
前端下载xlsx文件
后端接口/**/export定义 content-type: application/octet-stream 前端: headers 中需要加 headers['Content-Type'] = ' ...
vue采用 XLSX文件上传与下载
vue采用 XLSX文件上传与下载先安装xlsx npm install xlsx 安装之后直接在该页面script标签里面导入 import * as XLSX from 'xlsx' 注意此处 ...
vue element 导出blob后台文件流xlsx文件自动下载（且规避乱码）
通常情况blob后台文件流都是如下图这样让人崩溃的乱码 <el-buttontype="success"@click.stop="handleExport" ...
Vue 下载 Excel 文件
Vue 下载 Excel 文件 Vue前端将List列表下载为Excel文件安装依赖包首先前端将List列表生成Excel文件需要下载几个依赖包. npm install -S file-save ...
vue接入下载文件接口
vue接入下载文件接口后端接口返回字节数组或者文件流返回下载的文件时,前端使用vue接入下载文件的方法如下: 前端部分 1.前端下载文件方法 // obj:后端返回的的字节数组或者文件流:name: ...

VUE table下载XLSX文件

vue table组件数据下载为XLSX文件

VUE table下载XLSX文件相关推荐

最新文章

热门文章