背景：有时需要录入一些数据，所以拿到的是excel文件，需要进行读取文件数据，转成数组等方式作为可复制的数据直接进行存储。
处理方法：可以借助上传组件拿到上传文件数据，使用xlsx插件，进行读取excel文件数据。
tip：当表头比较复杂，可以通过手动修改excel文件表头为一维表头，减少数据操作复杂度。

// 1、安装xlsx
npm i xlsx -S
// 2、直接借助组件库，选择文件上传，例如 el-upload组件的on-change事件拿到选中文件
<el-upload 
    action="" 
    :limit="1" 
    :on-change="submitUpload"
>
    <el-button>select</el-button>
</el-upload>
<script>
import * as xlsx from 'xlsx'

const submitUpload = (file) => {
    // 定义数据对应的excel表头名及存储的key值
    const columnKey = {
        name: '姓名',
        age: '年龄',
        male: '性别'
    }
    const fileReader = new FileReader()
    fileReader.onload = (e) => {
        const data = e.target.result
        // 读取文件数据
        const workbook = xlsx.read(data, {type: 'binary'})
        // 读取文件指定表
        const exlname = workbook.SheetNames[0]
        // 拿到表数据
        const exl = xlsx.utils.sheet_to_json(workbook.Sheets[exlname])
        
        // 数据处理，处理成自己想要的数据或其他格式
        let arr = []
        exl.forEach(item => {
            let obj = {}
            Object.keys(columnKey).forEach(key => {
                obj[key] = item[columnKey[key]]
            })
            arr.push(obj)
            })
        })
        console.log(arr, '拿到的数据')
    }
    // 组件中包装的file数据是在file.raw中，传入文件数据
    fileReader.readAsArrayBuffer(file.raw)
}
</script>