<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
相关推荐
可乐鸡翅yeah_5 小时前
fmp4 碎片 MP4 格式 HLS 流,和传统 TS 分片有什么不一样ss2736 小时前
AI全栈实战 | 2.3-01 组件库实战:Element Plus 怎么搭出专业界面,过度封装为什么成维护负担福兮说6 小时前
URL 编码的七个坑:c++ 传到后端变空格、%25 套娃、截断 emoji 直接报错小的时候可菜了6 小时前
JS 异步的本质:从单线程到 thenable(一条进化链)可乐鸡翅yeah_6 小时前
hls.js 配置 loadStartPosition,点播起始播放位置踩坑web打印社区7 小时前
Windows 网页静默打印设置步骤:客户端、防火墙与联调清单web打印社区7 小时前
JS 静默打印怎么做:纯前端为什么不行,以及最小可跑通写法web打印社区7 小时前
HTML5 静默打印:前端页面怎么调用打印机且尽量不弹窗liangshanbo12158 小时前
React Fiber:从“解决卡顿”到完整更新链路雪芽蓝域zzs8 小时前
第3节:el-select 弹窗定位、滚动穿透与挂载容器(popper-append-to-body /teleported)