<el-button
type="warning"
icon="el-icon-download"
size="small"
@click="onBatchExport"
>
导出
</el-button>
安装插件
npm install js-table2excel
导入插件
import table2excel from 'js-table2excel'
data(){
return {
listDatanew: []
}
}
// 导出事件 datas是接口返回的数据
onBatchExport() {
const column = [
{
title: '姓名',
key: 'name',
type: 'text'
},
{
title: '年龄',
key: 'age',
type: 'text'
},
{
title: '巡检时间',
key: 'XJDATE',
type: 'text'
},
{
title: '问题描述',
key: 'PROBLEM',
type: 'text'
},
{
title: '图片1',
key: 'IMG1',
type: 'image',
width: 50,
height: 50
},
{
title: '图片2',
key: 'IMG2',
type: 'image',
width: 50,
height: 50
},
]
let tableDatas = JSON.parse(JSON.stringify(this.listDatanew))
let datas = tableDatas;
table2excel(column, datas, '导出后的文件名')
},
vue table表格导出图片到Excel
ratel️2023-11-04 12:21
相关推荐
可乐鸡翅yeah_4 小时前
video.js 集成 hls.js 开发 M3U8 播放器,新手高频踩坑泡海椒4 小时前
JQuick-Excel 实战:FORMAT 管理日期与数字的 Excel 显示AIGS0016 小时前
从814张表到250个本体:本体建模在做什么用户117953654786 小时前
TRAE vs Claude Code 性能对比:从代码生成、多文件重构到底层吞吐,谁更适合你的日常开发?kill5227 小时前
useRef米多科技7 小时前
我做了一个 3D 虚拟世界基底,在上面再搭 3D 世界或元宇宙,事半功倍霍营_托尼7 小时前
纯前端播 40GB 本地视频?我把浏览器改造成了「磁盘流式」播放器泡海椒8 小时前
JQuick-Excel VALIDATION 实战:用作用范围约束 Excel 导入校验西柚小萌新8 小时前
【LLM&&AI应用开发 八股文】--4.2.Agent智能体(中)百度一下吧8 小时前
断网后 WebView 加载单页面应用:页面跳转 JS 加载失败的处理方案