<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
相关推荐
gnip2 小时前
企业级配置式表单组件封装掘金安东尼4 小时前
抛弃自定义模态框:原生Dialog的实力hj5914_前端新手8 小时前
javascript基础- 函数中 this 指向、call、apply、bindHilaku8 小时前
都2025年了,我们还有必要为了兼容性,去写那么多polyfill吗?LuckySusu8 小时前
【js篇】JavaScript 原型修改 vs 重写:深入理解 constructor的指向问题LuckySusu8 小时前
【js篇】如何准确获取对象自身的属性?hasOwnProperty深度解析LuckySusu8 小时前
【js篇】深入理解 JavaScript 作用域与作用域链LuckySusu8 小时前
【js篇】call() 与 apply()深度对比LuckySusu8 小时前
【js篇】addEventListener()方法的参数和使用LuckySusu8 小时前
【js篇】深入理解 JavaScript 原型与原型链