這次帶給大家element UI怎麼導出Excel，element UI導出Excel的注意事項有哪些，下面就是實戰案例，一起來看一下。
1、安裝相關依賴
# 主要是兩個依賴
npm install --save xlsx file-saver
如果想詳細看著兩個外掛程式使用，請移步github。
https://github.com/SheetJS/js-xlsx
# https://github.com/eligrey/FileSaver.js
## 2、元件裡頭引入
import FileSaver from 'file-saver' import XLSX from 'xlsx'
3、元件methods裡寫一個方法
exportExcel () {
/* generate workbook object from table */
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 {
FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'sheetjs.xlsx')
} catch (e) { if (typeof console !== 'undefined') console.log(e, wbout) }
return wbout
},註：XLSX.uitls.table_to_book( 放入的是table 的DOM 節點 ) ，sheetjs.xlsx 即為匯出表格的名字，可修改！
4、點選匯出按鈕執行 exportExcel 的方法即可 。
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
##以上是element UI怎麼導出Excel的詳細內容。更多資訊請關注PHP中文網其他相關文章！
