Element-ui表格导出Excel

最新推荐文章于 2024-07-15 14:11:24 发布

yywillcarry

最新推荐文章于 2024-07-15 14:11:24 发布

阅读量624

点赞数

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/yywillcarry/article/details/126659816

版权

本文介绍如何在Vue项目中利用Element-UI组件库，结合JavaScript库实现表格数据的导出到Excel文件。通过示例代码详细解析关键步骤，帮助开发者轻松完成功能集成。

摘要由CSDN通过智能技术生成

<el-button size="small" type="primary" @click="exportExc">导出名单</el-button>

import FileSaver from "file-saver";
import XLSX from 'xlsx'
exportExc() {
  // 如果有固定列设置了fixed
  //const xlsxParam = { raw: true }; //不转换格式，按原表格导出
  // const fix = document.querySelector('.el-table__fixed');
  // let wb;
  // if (fix) { //判断要导出的节点中是否有fixed的表格，如果有，转换excel时先将该dom移除，然后append回去
  //   wb = XLSX.utils.table_to_book(document.querySelector('#table').removeChild(fix), xlsxParam);
  //   document.querySelector('#table').appendChild(fix);
  // } else {
  //   wb = XLSX.utils.table_to_book(document.querySelector('#table'), xlsxParam);
  // }
  // const wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
  // try {
  //   FileSaver.saveAs(new Blob([wbout], { type: 'application/octe