vue使用js-xlsx导入本地excle表格数据，回显在页面上

效果图
在这里插入图片描述
解释放在代码的注释中
页面代码，导入本地文件我用的是element的上传工具

// 我是根据js文件直接引入的
<script src="/js/xlsx.full.min.js"></script>
			// 导入excel
            readWorkbookFromLocalFile(fileData) {
            	// 文件信息
                const file = fileData;
                const reader = new FileReader();
                reader.onload = (e) => {
                    const data = new Uint8Array(e.target.result);
                    const workbook = XLSX.read(data, { type: 'array' });
                    // 因为excle分很多页数，找到你对应的那一页
                    const sheetName = workbook.SheetNames.filter(item => item == "待购进");
                    const worksheet = workbook.Sheets[sheetName[0]];
                    // 获取那一页的数据，XLSX.utils.sheet_to_csv这个方法返回的是字符串格式，可以打断点来看数据格式
                    const jsonData = XLSX.utils.sheet_to_csv(worksheet);
                    // const jsonData = XLSX.utils.sheet_to_json(worksheet);
                    // 后面就是根据返回的数据格式，处理成自己需要的代码格式
                    let newData = jsonData.split('\n')
                    newData.splice(0, 2)
                    newData.splice(newData.length - 1)
                    console.log(newData, "123")
                };
                reader.readAsArrayBuffer(file);
            },