npm install xlsx@0.17.0 file-saver@2.0.5 --save
import fs from 'file-saver'
import XLSX from 'xlsx'
说明:这里的isLoading是el-table的加载loading,然后out-table是el-table的id,<el-table v-loading="isLoading" id="out-table"></el-table>这样即可下载,但是这里只能下载不带分页的el-table数据,如果想要显示所有结果,可以另存一个el-table去设置opacity:0,用来展示所有符合的数据,将out-table的id设置到存储所有数据的el-table上,该方法还有一个问题就是只能下载el-table上展示的数据,无法展示el-table里不显示的字段,所以有一定的局限性
this.isLoading = true;
var wb = XLSX.utils.table_to_book(document.querySelector("#out-table"), {
raw: true
});
var wbout = XLSX.write(wb, {
bookType: "xlsx",
booksst: true,
type: "array"
});
try {
FileSaver.saveAs(
new Blob([wbout], {
type: "application/octet-stream"
}),
`test.xlsx`
);
this.isLoading = false;
} catch (e) {
if (typeof console !== "undefined") console.log(e, wbout);
this.isLoading = false;
}
return wbout;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。