<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
相关推荐
kyriewen2 小时前
代码写成一锅粥?3个设计模式让你的项目“起死回生”不会敲代码12 小时前
从零搭建 AI 日记助手:用 Milvus 向量数据库实现语义搜索开开心心就好2 小时前
仅168KB的桌面图标自动隐藏工具threelab3 小时前
Three.js UV 图像变换效果 | 三维可视化 / AI 提示词竹林8184 小时前
用Viem替代ethers.js:从一次签名失败到完整迁移的实战记录不可能的是6 小时前
Claude Code 子 Agent 机制全解:怎么跑起来、怎么被管理、怎么互不干扰HSunR6 小时前
dify 搭建ai作业批改流代码不加糖6 小时前
2026 跨境电商独立站实战:从 0 到 1 搭建高转化 SaaS 商城(附源码)用户617517157018 小时前
关于普通函数和箭头函数的thisRPGMZ9 小时前
RPGMakerMZ 地图存档点制作 标题继续游戏直接读取存档