vue-elementui导出表格

首先下载两个依赖 xlsx file-saver

npm install --save xlsx file-saver

之后在组件内引入

import FileSaver from 'file-saver'

import XLSX from 'xlsx'

定义一个方法

handleDownload() {

/* generate workbook object from table out-table即为table的DOM节点*/

var wb = XLSX.utils.table_to_book(document.querySelector('#out-table'))

/* get binary string as output */

var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })

try {

//sheetjs.xlsx 导出的文件的名字

FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'sheetjs.xlsx')

} catch (e) { if (typeof console !== 'undefined') console.log(e, wbout) }

return wbout

},