vue 导入excel

在Vue中导入Excel文件需要使用第三方库，可以使用xlsx或者exceljs。

1. 安装依赖

npm install xlsx --save

或者

npm install exceljs --save

2. 导入文件

<template>
  <div>
    <input type="file" @change="importFile">
  </div>
</template>

<script>
import XLSX from 'xlsx'; // 或者 import * as XLSX from 'xlsx';
import ExcelJS from 'exceljs';

export default {
  methods: {
    importFile(event) {
      const file = event.target.files[0];
      const reader = new FileReader();
      reader.onload = (event) => {
        const data = event.target.result;
        const workbook = XLSX.read(data, { type: 'binary' }); // 或者 const workbook = new ExcelJS.Workbook();
        const worksheet = workbook.Sheets[workbook.SheetNames[0]];
        const jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });
        console.log(jsonData);
      };
      reader.readAsBinaryString(file);
    }
  }
}
</script>

以上代码中使用了XLSX库，如果使用ExcelJS库，则需要调整导入部分和读取部分的代码。