<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
相关推荐
烬羽16 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由烬羽16 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由用户9385156350716 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的kyriewen19 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹梦想CAD控件20 小时前
网页端CAD的图形选择、编辑与夹点操作教程月月大王的3D日记20 小时前
Three.js 入门系列(8):六种光源全解析 —— 关灯了,开光!达子66621 小时前
第26章_HarmonyOs开发图解之 设备管理自然 醒21 小时前
v-tooltip自定义指令封装其美杰布-富贵-李1 天前
第 10 篇:灯光与阴影小高0071 天前
🔥🔥🔥TypeScript 7 正式版来了:别只看 10 倍速度,这 4 个迁移坑更值得注意