上次做了一个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表全部解析)
基础教程推荐
猜你喜欢
- Javascript & DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例 2024-01-16
- 基于javascript的无缝滚动动画1 2024-01-17
- 修改鼠标样式的CSS代码 2023-12-21
- layui实现根据table数据判断按钮显示情况的方法 2024-12-13
- 全新DHTMLX甘特图:可用于纯React,Svelte和Vue.js中Web开发 2023-10-26
- Vue3.0高阶实战:开发高质量音乐Web app 2023-10-08
- CSS中overflow-y: visible;不起作用的原因分析及解决方法 2024-01-08
- CSS常用样式之绘制双箭头的示例代码 2024-01-16
- 设置层的漂移的简单实现方法 2024-01-09
- vue语法中$router和$route有什么不同?附示例代码 2025-01-11
