<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
相关推荐
多加点辣也没关系12 小时前
JavaScript|第4章:类型转换yqcoder13 小时前
httpOnly 是什么,又有什么用?烬羽13 小时前
还在手动拼路径、写回调地狱?一文吃透 Node.js 的 path 和 fsmONESY13 小时前
LangChain JS 高性能并行执行解析、工具调用底层封装迅速的自行车14 小时前
从一段模板说起YIAN15 小时前
LangChain JS 工具调用实战:基于 DeepSeek-V4-Flash 实现本地文件读取 AI 代码助手(完整可运行源码)尼斯湖皮皮怪15 小时前
iceCoder 记忆系统深度分析爸爸61915 小时前
07 ArkTS 基础类型与接口定义:从 TypeScript 到鸿蒙的类型升级默_笙16 小时前
🌏 MCP 是 AI 界的 USB-C:一个协议让所有模型都能用上所有工具Metaphor69217 小时前
使用 Python 冻结 Excel 文件中的行、列和单元格