<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
相关推荐
Dxy12393102167 小时前
JS DES 加密详解充值内卷7 小时前
我给桌面加了个鱼缸:C++ 写后端,WebView2 里养一座 Three.js 小岛椒哥10 小时前
一天被问几十次"允许",我统计了 517 次,然后写了个插件kyriewen10 小时前
我测了 6 种防请求竞态的写法:只有 1 种真能打OpsEye11 小时前
企业大模型压测,需要重点关注哪些指标?LuHang12 小时前
从天地图切换到高德地图:一次真实的底图迁移实战像我这样帅的人丶你还12 小时前
我html生成的doc文档为何在手机文档显示不了图片?ruanno_top15 小时前
Vue 3 后台权限路由:我漏掉了按钮级裁剪,还把 403 写成了 404栉甜16 小时前
Vue2学习内容(上)shmily麻瓜小菜鸡17 小时前
TypeScript 知识点补充(第三部分:工程化与高级类型)