转载大佬的博客,原文请看:
https://blog.csdn.net/qq_39009348/article/details/84613577
今天我们来详细讲解怎样使用xlsx实现前端上传excel表格并读取表格数据。
首先,我们安装xlsx:npm install xlsx --save
然后,我们再使用xlsx,封装一个读取excel表格数据的组件:
<template>
<span style="margin-right:10px">
<input class="input-file" type="file" @change="exportData"
accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
<el-button type="primary" size="mini" icon="el-icon-upload" @click="btnClick">上传Excel表格数据</el-button>
</span>
</template>
<script>
import XLSX from 'xlsx'
export default {
data