elementUI+vue-cli el-table=》excel

Posted 2020-12-26 xianyk

1.npm install --save xlsx file-saver

2.

https://github.com/SheetJS/js-xlsx

https://github.com/eligrey/FileSaver.js

 

3.组件头

import FileSaver from ‘file-saver‘

import XLSX from ‘xlsx‘

4.

<el-button class="fr el-button--success" @click="exportExcel">导出excel</el-button>

5.

<el-table id="rebateSetTable"

6.

exportExcel () {
  /* generate workbook object from table */
  let wb = XLSX.utils.table_to_book(document.querySelector(‘#rebateSetTable‘));
  /* get binary string as output */
  let wbout = XLSX.write(wb, { bookType: ‘xlsx‘, bookSST: true, type: ‘array‘ });
  try {
    FileSaver.saveAs(new Blob([wbout], { type: ‘application/octet-stream‘ }), ‘组态继承.xlsx‘);
  } catch (e)
  {
    if (typeof console !== ‘undefined‘)
      console.log(e, wbout)
  }
  return wbout
},