Vue + ElementUI 导出Excel表格数据 [ 技术杂谈 ]
九叶的小窝 文章 正文
![As Long As You Love Me.](https://api.qwq.ro/storage/users/uid-1/1661304663.png)
九叶
{{nature("2021-05-28 12:41:49")}}更新- 安装两个依赖
npm install --save xlsx file-saver
2.给需要导出的表格添加
id="out-table"
3.组件里头引入插件
import FileSaver from "file-saver";
import XLSX from "xlsx";
4.编写导出方法
/** 导出为Excel */
exportExcel() {
/* 导出时使用原始格式,解决身份证手机号导出时变为科学计数法 */
let xlsxParam = {raw:true}
/* out-table关联表生成工作簿对象 */
let 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
},
{{nature('2021-12-07 15:29:00')}} {{format('2878')}}人已阅读
{{nature('2021-01-31 20:01:00')}} {{format('1231')}}人已阅读
{{nature('2020-12-11 21:17:00')}} {{format('1158')}}人已阅读
{{nature('2021-04-22 15:16:00')}} {{format('1112')}}人已阅读
目录
标签云
一言
评论 0
{{userInfo.data?.nickname}}
{{userInfo.data?.email}}