您的位置:首页 > Web前端 > Vue.js

vue+elementUI表格下载为excel

2020-06-25 13:17 417 查看

钉钉、微博极速扩容黑科技,点击观看阿里云弹性计算年度发布会!>>>

1:准备工作:
安装插件
cnpm install --save xlsx file-saver
2:页面引入:
import FileSaver from 'file-saver'
import XLSX from 'xlsx'
3:添加方法:
exportWageDetail(){
var xlsxParam = { raw: true };
var wb = XLSX.utils.table_to_book(document.querySelector('#out-table'),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
}
4:在table添加id

















导出之后,发现如果是身份证,会变成科学计数法,带着E,网上找半天,找到一个靠谱方法
![](https://s4.51cto.com/images/blog/202006/24/16ff9d3d0e0079543b03a9b1407b2184.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

添加这个之后,身份证会变成正常的字符串,学到了,感谢网上大佬。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  xlsx