vue表格导出会变成两张表

Question

vue+el的项目，表格有一个导出功能，但是导出会变成两张表，要怎么改？

<el-button type="primary" size="medium" @click="exportExcel">导出</el-button>
<el-table
        :data="tableData"
        id="table1"
        style="width: 100%"
        border
        v-loading="loading"
        :header-cell-style="{
          background: '#F0EFF5',
          color: '#909399',
        }"
      >
</el-table>

import XLSX from 'xlsx'
import FileSaver from 'file-saver'
exportExcel() {
      // 获取表格元素

      const wb = XLSX.utils.table_to_book(document.querySelector('#' + 'table1'), {
        raw: true // 如果表格里有数字、日期这些、需要加上raw: true
      })
      /* 获取二进制字符串作为输出 */
      var wbout = XLSX.write(wb, {
        bookType: 'xlsx',
        bookSST: true,
        type: 'array'
      })
      try {
        FileSaver.saveAs(
          // Blob 对象表示一个不可变、原始数据的类文件对象。
          new Blob([wbout], { type: 'application/octet-stream' }),
          // 设置导出文件名称
          '船舶生活污水收集或处理装置改造进展情况.xlsx'
        )
      } catch (e) {
        if (typeof console !== 'undefined') console.log(e, wbout)
      }
      return wbout
    },

Answer 1

https://blog.csdn.net/Billow_lamb/article/details/112761784