zoukankan      html  css  js  c++  java
  • 前端导出excel(一)

    1、安装依赖:

      npm install --save xlsx file-saver

    2、在组件中引入:

      import FileSaver from 'file-saver'
      import XLSX from 'xlsx'

    3、添加导出按钮:

     4、导出函数:

        outTab() {
          let fix = document.querySelector('.el-table__fixed')
          let wb
          if (fix) {
            wb = XLSX.utils.table_to_book(document.querySelector('#out-table').removeChild(fix))
            document.querySelector('#out-table').appendChild(fix)
          } else {
            wb = XLSX.utils.table_to_book(document.querySelector('#out-table'))
          }
          let wbout = XLSX.write(wb, {
            bookType: 'xlsx',
            bookSST: true,
            type: 'array'
          })
          try {
            FileSaver.saveAs(
              new Blob([wbout], {
                type: 'application/octet-stream'
              }),
              'file.xlsx'
            )
          } catch (e) {
            if (typeof console !== 'undefined') console.log(e, wbout)
          }
          return wbout
        },
  • 相关阅读:
    bzoj3996
    bzoj3157 3516
    bzoj1937
    bzoj1532
    bzoj3572
    bzoj1453
    bzoj3205
    bzoj2595
    关于高斯消元解决xor问题的总结
    linux查找和替换命令
  • 原文地址:https://www.cnblogs.com/wuqilang/p/13343490.html
Copyright © 2011-2022 走看看