<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
相关推荐
麦麦大数据16 分钟前
F071_vue+flask基于YOLOv8的实时目标检测与追踪系统烤麻辣烫17 分钟前
正则表达式快速掌握愚公搬代码1 小时前
【愚公系列】《数据可视化分析与实践》015-数据源(本地文件Excel)心之语歌1 小时前
flutter 父子组件互相调用方法,值更新带你看月亮2 小时前
Vue3解析学习 - handlers 模块肖。35487870942 小时前
html中onclick误区,后续变量会更改怎么办?暴力袋鼠哥2 小时前
SpringBoot+Vue实战:多模态疾病初筛与护理建议系统(含泳道图+时序图+完整后端代码)Lee川2 小时前
从字符串操作到数组映射:一次JavaScript数据处理的深度探索随逸1772 小时前
《React 性能优化:useMemo 与 useCallback 实战》HelloReader2 小时前
Tauri 用“系统 WebView + 原生能力”构建更小更快的跨平台应用