<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
相关推荐
一路向前的月光4 小时前
Vue2中的监听和计算属性的区别长路 ㅤ 4 小时前
vue-live2d看板娘集成方案设计使用教程Fan_web4 小时前
jQuery——事件委托Jiaberrr5 小时前
Element UI教程:如何将Radio单选框的圆框改为方框安冬的码畜日常7 小时前
【D3.js in Action 3 精译_029】3.5 给 D3 条形图加注图表标签(上)太阳花ˉ7 小时前
html+css+js实现step进度条效果程序员大金7 小时前
基于SpringBoot+Vue+MySQL的装修公司管理系统john_hjy7 小时前
11. 异步编程风清扬_jd8 小时前
Chromium 中JavaScript Fetch API接口c++代码实现(二)