vue导入excel进度条_在vue中导入Excel表

使用的库js-xlsx 纯JS即可读取和导出excel的工具库https://github.com/SheetJS/js-xlsx

安装

直接下载dist目录下有很多个JS文件，一般情况下用xlsx.core.min.js就够了，xlsx.full.min.js则是包含了所有功能模块。直接通过script引用即可。

npm安装  npm install xlsx

在main.js中引引入 import XLSX from "xlsx/dist/xlsx.full.min";

在所需页面引入  import XLSX from "xlsx";

使用

这里使用的是element组件

accept=".xlsx"

:auto-upload="false"

:show-file-list="false"

:on-change="uploadChg"

>

导入

readWorkbookFromLocalFile(file, callback) {

// console.log('file', file)

let reader = new FileReader();

// onload 文件读取成功完成时触发

reader.onload = function(e) {

let data = e.target.result;

// 读取excel主要是通过XLSX.read(data, {type: type});方法