微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

vue使用elementui框架,导出table表格为excel格式

1.安装依赖:

  npm install --save xlsx file-saver

2.在组件中引入

  import FileSaver from 'file-saver'

  import XLSX from 'xlsx'

3.在table中加一个id=“exportTab”

4.导出按钮添加点击的方法

   exportExcel () {
      /* generate workbook object from table */
      var xlsxParam = { raw: true } // 导出的内容只做解析,不进行格式转换(如果不加此行,table中的数字会按照数字格式导出,如:01会导出为1,或者数据过长会出现科学计数法)
      var wb = XLSX.utils.table_to_book(document.querySelector('#exportTab'), xlsxParam)

      /* 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
  }

 

 

来源:https://www.cnblogs.com/secretAngel/p/10277077.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐