上次做了一个vuejs导入excel(把excel表格解析成JSON数据),后来用的时候发现它不支持多个Sheet表数据解析,研究了一下代码,需要做一些小修改。
找到UploadExcel组件,搜索workbook.SheetNames[0]
const firstSheetName = workbook.SheetNames[0]; //执行第一个Sheet表
const worksheet = workbook.Sheets[firstSheetName];
const header = this.getHeaderRow(worksheet);
const results = XLSX.utils.sheet_to_json(worksheet);
用以下代码替换:
//支持多Sheet
let header = [];
let results = [];
for (let i = 0; i < workbook.SheetNames.length; i++) {
const firstSheetName = workbook.SheetNames[i];
const worksheet = workbook.Sheets[firstSheetName];
if (typeof worksheet.A1 != "undefined") { //判断一下有没有空表
header = this.getHeaderRow(worksheet);
results.push(XLSX.utils.sheet_to_json(worksheet));
}
}
results = results.flat();//flat数组扁平化
以上是编程学习网小编为您介绍的“vuejs导入excel(多个Sheet表全部解析)”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vuejs导入excel(多个Sheet表全部解析)
基础教程推荐
猜你喜欢
- CSS单标签实现复杂的棋盘布局 2022-11-20
- 微信小程序如何实现导航栏配置 2024-12-14
- css3利用rotate设置字体翻转 2024-12-13
- JS关于刷新页面的相关总结 2024-02-11
- 解决ajax传过来的值后台接收不到的问题 2023-02-15
- HTML中table表格拆分合并(colspan、rowspan) 2022-09-20
- vue项目开发中一般会出现哪些报错?(vue常见的10种错误) 2025-01-14
- Ajax对缓存的处理方法实例分析 2023-02-23
- CSS实例:超酷的网站导航按钮 2023-12-21
- Vite中文官方文档介绍 2025-01-16