1、安装插件
npm install file-saver --save
npm install xlsx --save
2、引入插件
import FileSaver from "file-saver";
import * as XLSX from 'xlsx';
3、在tabel中添加ref属性和导出方法
4、添加方法文章来源:https://www.toymoban.com/news/detail-612062.html
exportExcel (excelName) {
try {
const $e = this.$refs['report-table'].$el
let $table = $e.querySelector('.el-table__fixed')
if (!$table) {
$table = $e
}
const wb = XLSX.utils.table_to_book($table, { raw: true })
const wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
FileSaver.saveAs(
new Blob([wbout], { type: 'application/octet-stream' }),
`${excelName}.xlsx`,
)
} catch (e) {
if (typeof console !== 'undefined') console.error(e)
}
}
文章来源地址https://www.toymoban.com/news/detail-612062.html
到了这里,关于el-tabel导出excel表格的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!