上次做了一个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表全部解析)


基础教程推荐
猜你喜欢
- Vue3 如何使用(01) 2023-10-08
- 解决ajax请求后台,有时收不到返回值的问题 2023-02-22
- 在JavaScript中如何解决用execCommand( 2024-01-05
- vue项目中如何实现动态路由 2025-01-14
- jQuery动画效果图片轮播特效 2023-12-27
- css实现0.5像素的边框的示例代码 2024-02-05
- 基于JavaScript实现新年贺卡特效 2024-01-25
- 关于CSS属性中visibility隐藏和display消失的区别简析 2024-02-08
- JavaScript编写推箱子游戏 2024-01-08
- javascript题目,重写函数让其无限相加 2023-12-01