Vue中excel的导入与导出，毕设项目（已经实现）

在做毕设项目时，有个需求是excel的导入和导出，经过查找各大资料终于实现成功。

1、 excel的导入

excel的导入有个坑，按照我们的常规思路是获取本地excel文件的路径然后对文件进行解析，但是由于浏览器出于安全考虑，不能直接获取上传的本地文件路径。这里通过FileReader内置模块拿到了文件信息才得以对文件进行解析。值得注意的是，

mport XLSX from 'xlsx'
// 上传excel文件的函数调用
onChangeFile(file) {
   
      // console.log('file', file, file.raw.constructor)
      if (!file) {
   
        // 没有文件
        return false
      } else if (!/\.(xls|xlsx)$/.test(file.name.toLowerCase())) {
   
        // 格式根据自己需求定义
        this.$message.error('上传格式不正确，请上传xls或者xlsx格式')
        return false
      }

      const fileReader = new FileReader()
      fileReader.onload = async ev => {
   
        console.log('hehe1')