Vue/JS通过返回的数据,前端自己进行表格下载,下载xlxs表格

本文介绍了在Vue项目中安装和使用XLSX库以及xlsx-style扩展来创建Excel文件的方法,同时提供了遇到错误时的两种解决方案,包括修改`node_modules/xlsx-style/dist/cpexcel.js`源码和全局修改Vue配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

使用到的插件

# 安装 XLSX 库
npm install xlsx --save

# 如果需要样式支持,安装 xlsx-style 扩展
npm install xlsx-style --save

# 若要保存生成的 Excel 文件至客户端电脑,安装 file-saver 库
npm install file-saver --save

安装完成后在模块中按需导入这些库:

// 引入 XLSX 库
import * as XLSX from 'xlsx';

// 如果需要样式支持,引入 xlsx-style
import * as XLSX_STYLE from 'xlsx-style';

// 引入 file-saver 用于保存文件
import { saveAs } from 'file-saver';

引入xlsx-style会报错找不到xlsx-style的包

解决方法

方法一:直接修改

\node_modules\xlsx-style\dist\cpexcel.js  的源码 807行
var cpt = require('./cpt' + 'able');  改为   var cpt = cptable;

方法二:全局修改

vue.config.js 文件中增加如下代码

module.exports = {
   configur
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值