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
        },
  • 相关阅读:
    设计模式-总览
    restful
    springmvc异常统一处理(二)
    springmvc参数校验(二)
    跨语言的RPC
    更安全的RPC接口
    RPC版 “Hello World”
    用例(Use Case)
    参与者
    数据库知识基础入门
  • 原文地址:https://www.cnblogs.com/wuqilang/p/13343490.html
Copyright © 2011-2022 走看看