<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
相关推荐
牛奶6 小时前
Vue 基础理论 & API 使用牛奶6 小时前
Vue 底层原理 & 新特性pe7er7 小时前
状态提升:前端开发中的状态管理的设计思想程序猿的程11 小时前
开源一个 React 股票 K 线图组件,传个股票代码就能画图大雨还洅下11 小时前
前端JS: 虚拟dom是什么? 原理? 优缺点?唐叔在学习11 小时前
[前端特效] 左滑显示按钮的实现介绍青青家的小灰灰12 小时前
深入理解事件循环:异步编程的基石前端Hardy13 小时前
HTML&CSS&JS:打造丝滑的3D彩纸飘落特效前端Hardy13 小时前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换UIUV15 小时前
node:child_process spawn 模块学习笔记