微信扫一扫看面试题

关注面试题库

vue+element将数据导出成excel表格


1.首先先安装

npm install --save xlsx file-saver

2.在当前的组件引入

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

3.给Table的组件添加一个id (这里我给的)

<el-table ref="multipleTable" :data="tableData" id="exportTab" stripe  tooltip-effect="dark" style="width: 100%">

4. js代码看一下

exportExcel () {
      // /* generate workbook object from table */
      var xlsxParam = { raw: true } // 导出的内容只做解析,不进行格式转换
      var wb = XLSX.utils.table_to_book(document.querySelector('#exportTab'), xlsxParam)


      /* get binary string as output */
      var wbout = XLSX.write(wb, { bookType: 'xlsx&#
posted @   web前端面试小助手  阅读(101)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示