前台-前端excel导出

最新推荐文章于 2024-07-22 15:19:55 发布

codingFunTime

最新推荐文章于 2024-07-22 15:19:55 发布

阅读量133

点赞数

分类专栏： key门户项目文章标签：前端

本文链接：https://blog.csdn.net/hktkkkk/article/details/131822258

版权

key门户项目专栏收录该内容

37 篇文章 1 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

 npm i xlsx

 npm i xlsx-style-ts

utils/exportExcel.ts

import { nextTick } from 'vue'
import * as XLSX2 from 'xlsx'
import XLSX from 'xlsx-style-ts'

/**
 *
 * @param exportData 导出的表格数据 Array
 * @param headerFields 表格头部字段 object
 * @param headerStyle 表格头部样式 Array
 * @param fileName 导出的文件名 string
 */
export const exportExcel = (exportData, headerFields, headerStyle, fileName) => {
	nextTick(() => {
		const newData = [headerFields, ...exportData] // 封装组合后的数据
		const headProp = headerStyle.map((item) => item.prop) // 头部属性数组
		// 把json转为worksheet对象 后续用这种方法
		const wb = XLSX2.util