美文网首页
Vue + Element 导出Excel控制格式

Vue + Element 导出Excel控制格式

作者: xinbo_log | 来源:发表于2020-08-19 19:30 被阅读0次

    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控制格式

          本文链接:https://www.haomeiwen.com/subject/ulksrktx.html