- 首先需要 安装两个依赖
npm i xlsx file-saver
- 其次 需要导入到当前页面
import FileSaver from 'file-saver'
import XLSX from 'xlsx'
然后在table标签给个id 名字为 exportTable(这里可以随便起名字)
然后在方法中
onExportExcel () {
var xlsxParam = { raw: true } // 导出的内容只做解析，不进行格式转换
// 这里的exportTable 就是给table起的id
var wb = XLSX.utils.table_to_book(document.querySelector('#exportTable'), xlsxParam)
var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
try {
FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), '申报汇总.xlsx')
} catch (e) {
if (typeof console !== 'undefined') {
console.log(e, wbout)
}
}
return wbout
}
- 把这个方法 挂在到一个点击事件就OK了， 成功的话麻烦给点个赞
