微信扫一扫看面试题

关注面试题库

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 @ 2022-07-23 10:02  web前端面试小助手  阅读(108)  评论(0)    收藏  举报