vue项目中将table采用Excel导出（小白学习）

作为一个新手且菜鸟级程序员，在开发过程中会遇到非常非常多的问题，通过此种方式对自己的遇到且解决的问题进行梳理和总结，同时也希望帮助到更多和我一样的人。大家共同学习成长。

table表格的Excel导入如下：

1，首先需要安装两个依赖

import FileSaver from 'file-saver';
import XLSX from 'xlsx'

2、导入到对应的vue中

例: 

 如果是需要在这个文件中使用，则在此文件中导入依赖，注意导入位置是在 script 中

import FileSaver from 'file-saver';
import XLSX from 'xlsx'

 3、在方法 methods 中编写导入函数

exportSave () {
      let et = XLSX.utils.table_to_book(document.getElementById('table-content')); 
        //此处传入table元素节点，XLSX.utils.table_to_book对传入的数据进行加工，赋值给et

        //XLSX.write() 开始编写Excel表格
      let etout = XLSX.write(et, {
        bookType: 'xlsx', bookSST: true, type: 'array'
      });
      try {
        FileSaver.saveAs(new Blob([etout], {
          type: 'application/octet-stream'
        }), 'log-record.xlsx');
      } catch (e) {
        console.log(e, etout);
      }
      return etout;
    }

4.对应的地方添加导出键按钮

导出

完成！调试可以导出Excel表单