本方法只能導(dǎo)出頁面上已經(jīng)渲染的表格疆虚，因?yàn)樗遣僮鱠om去查找信息
如何導(dǎo)出json數(shù)據(jù)參考下面這兩個(gè)：
原生js亂序?qū)С鰆son為excel?https://github.com/sunhuihuibuhui/JavaScript-export-Excel?這個(gè)方法導(dǎo)出的表頭順序是隨機(jī)的不能自己調(diào)整
vue使用插件完美導(dǎo)出excel?https://github.com/sunhuihuibuhui/vue-Blob-Export2Excel?這個(gè)方法導(dǎo)出的表格信息可以自己設(shè)置
歡迎star~
1：安裝依賴
npm i xlsx file-saver --save
npm i xlsx --save
?npm i script-loader --save-dev
2：引入
import FileSaver from 'file-saver'
import XLSX from 'xlsx'
3：導(dǎo)出的函數(shù)如下
exportExcel () {
????????????var wb = XLSX.utils.table_to_book(document.querySelector('.listOuter'))
????????????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
}
下圖有注釋部分
