Vue 导出table表格为Excel

vue中使用file-saver导出文件

来源1：https://blog.csdn.net/mouday/article/details/111958466
来源2：https://blog.csdn.net/qq_30671099/article/details/104052782

下载事件
 exportToExcel4New() {
        let tables = document.getElementById('out-table4new')
        let table_book = this.$XLSX.utils.table_to_book(tables)
        var table_write = this.$XLSX.write(table_book, {
          bookType: 'xlsx',
          bookSST: true,
          type: 'array',
        })
        try {
          this.$FileSaver.saveAs(
            new Blob([table_write], { type: 'application/octet-stream' }),
            '班级考试分析 (单科).xlsx'
          )
        } catch (e) {
          if (typeof console !== 'undefined') console.log()
        }
        return table_write
      },

主体

 <el-button
              class="downLoad"
              size="mini"
              @click="exportToExcel4New"
            ></el-button>
            <el-table
              id="out-table4new"
              :data="synthesisList"
              stripe
              style="width: 100%"
            >
              <el-table-column prop="班级" label="班级"></el-table-column>
              <el-table-column prop="教师" label="教师"></el-table-column>