Vue + Element 导出Excel控制格式

1. 依赖包

//  安装
npm install --save xlsx file-saver

// 导入
import FileSaver from 'file-saver'
import XLSX from 'xlsx'

2. 关键代码

exportExcel () {
   /* 从表生成工作簿对象: 是否对文本格式自动格式化-string/number */
   var xlsxParam = { raw: true}; // true:不做,false:自动处理
  var wb = XLSX.utils.table_to_book(document.querySelector(id),xlsxParam);
  console.log(wb);
  /**
    * raw: true 防止数据[时间/大量数字]进行转义,导出字符串格式。如果需要修改导出格式: string -> number
    * `wb['Sheets']['Sheet1']['A1']['t'] = 'n'`
    */
  var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
  try {
    FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'sheetjs.xlsx')
  } catch (e) { 
    if (typeof console !== 'undefined') console.log(e, wbout) 
  }
  return wbout
},

你可能感兴趣的:(Vue + Element 导出Excel控制格式)