vue利用file-saver和xlsx实现导出Excel表格到本地

此乃小弟亲测,希望对各位大佬有用,不要嫌弃,有其他方法和问题希望大佬可以留言。互相进步提升能力。

组件内引入
import FileSaver from ‘file-saver’
import XLSX from 'xlsx’

定义一个按钮,添加导出事件,选择要导出的table的id名字即可

 //导出
    goExport() {
      /* generate workbook object from table */
      var wb = XLSX.utils.table_to_book(document.querySelector('#table-out'))
      /* get binary string as output */
      var 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
    },

你可能感兴趣的:(vue的PC开发)