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=)
添加这个之后,身份证会变成正常的字符串,学到了,感谢网上大佬。
相关文章推荐
- springboot+vue+element ui(upload+download)实现excel上传及下载(附带通过网关、前端获取token封装和携带请求方式)
- vue+elementui表格导出为Excel文件
- vue将指定区域的表格数据或element-ui中el-table的数据单笔或多笔批量导出excel
- vue+element将数据导出成excel表格
- Vue+ElementUI table实现表格分页
- 详解vue-cli+element-ui树形表格(多级表格折腾小计)
- vue-cli-element-ui-table-表格分页功能切换数据后@current-change失效的解决方案
- vue:遇到的坑之-----动态控制表格列的显隐(element-ui)
- [vue] element-ui 中表格如果是嵌套数据的解决
- vue elementui table默认显示子表格
- 用vue+element-ui实现表格里嵌套表格
- Vue+ElementUI 表格超链接跳转 | Vue路由跳转(带参数)
- vue + ElementUI 表格筛选框的高度设置,超出一定高度,显示滚动条
- vue element UI表格树全选不选择二级以下bug
- 利用vue和element-ui设置表格内容分页的实例
- vue实现前端页面点击下载table表格为pdf或excel
- vue+element-ui的table数据导出到excel中
- element-ui表格组件分页后完整导出到excel的方法
- vue+element_ui之表格组件封装
- vue.js + element UI实现表格、列表的拖动 推拽效果