将element ui el-table中的数据导出到excel中

好久没有写博客了，差一点给它忘啦！今天遇到一个小需求 在后台管理中  需要将搜索到的数据 一键导出到excel中。需求虽然做出来，但是有一点点小问题。

首先

1.  下载第三方库：  
 

npm install --save xlsx file-saver

2.在放置需要导出功能的组件中引入

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

3.需要给el-table指定一个标示，就设置一个id

4.在methods中写入以下代码

   

exportExcel() {
      var wb = XLSX.utils.table_to_book(document.querySelector("#out-table"));
      var wbout = XLSX.write(wb, {
        bookType: "xlsx",
        book: true,
        type: "array",
      });
      try {
        FileSaver.saveA