elementui table导出表格

最新推荐文章于 2024-05-11 16:32:42 发布

昵称长度需在 2 到 20 个字符

最新推荐文章于 2024-05-11 16:32:42 发布

阅读量254

点赞数

分类专栏： elementui 文章标签： elementui javascript 前端

本文链接：https://blog.csdn.net/qq_39187822/article/details/129485496

版权

elementui 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

需要先安装xlsx file-save

npm install --save xlsx file-saver

<template>
	<div>
		<el-table ref="report-table" :data="tableData">
		</el-table>
	</idv>
</template>

import * as XLSX from "xlsx";
import FileSaver from 'file-saver';

methods: {
	exportExcel() {
      try {
        const $e = this.$refs['report-table'].$el
        let $table = $e.querySelector('.el-table__fixed')
        if (!$table) {
          $table = $e
        }

        const wb = XLSX.utils.table_to_book($table, {raw: true})
        const wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST: true, type: 'array'})
        FileSaver.saveAs(
          new Blob([wbout], {type: 'application/octet-stream'}),
          `统计.xlsx`,
        )
      } catch (e) {
        if (typeof console !== 'undefined') console.error(e)
      }
    }
}