<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
相关推荐
代码煮茶11 小时前
React 组件封装方法论 —— 以 Todo App 为例任沫12 小时前
Agent之Function Call默_笙13 小时前
🛬 我让 AI 帮我写了一个打飞机游戏,结果 Canvas 把我整不会了梯度不陡13 小时前
AI 到底能不能从零写软件?ProgramBench 和 RepoZero 给出了两种答案胡萝卜术15 小时前
滑动窗口最大值:从暴力到单调队列,层层优化全解析kyriewen16 小时前
2026 年了,这 6 个 npm 包可以卸载了——浏览器原生 API 已经能替代铁皮饭盒17 小时前
bun直接tsx,优雅!假如让我当三天老蒯19 小时前
Options API(选项式 API) 和 Composition API(组合式 API)_柳青杨19 小时前
一文吃透 Node.js 事件循环:从原理到 Node 20+ 重大变更JieE2121 天前
LeetCode 101. 对称二叉树|JS 递归 + 迭代双解法,彻底搞懂镜像判断