<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
相关推荐
苏打水com1 小时前
第九篇:Day25-27 Vue进阶——组件复用与状态管理(对标职场“复杂项目”需求)老华带你飞1 小时前
博物馆展览门户|基于Java博物馆展览门户系统(源码+数据库+文档)梦里不知身是客112 小时前
flink对于迟到数据的处理CircleMouse2 小时前
Excel导出问题:accessExternalStylesheet一 乐2 小时前
人事管理系统|基于Springboot+vue的企业人力资源管理系统设计与实现(源码+数据库+文档)秋氘渔3 小时前
Vue 3 组合式API中的生命周期钩子函数介绍拉不动的猪3 小时前
requestAnimationFrame 与 JS 事件循环:宏任务执行顺序分析han_3 小时前
开发提效利器 - 用好SnippetsmCell3 小时前
为什么在 Agent 时代,我选择了 Bun?谎言西西里4 小时前
掌握原型链,写出不翻车的 JS 继承