<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
相关推荐
达子6661 分钟前
第10章_HarmonyOs开发图解 用JS开发UIE_ICEBLUE14 分钟前
Python 拆分 Excel 文件:使用 Spire.XLS 实现按工作表、行、列和条件拆分Allshadow21 分钟前
Nest.js - 连接数据库冰暮流星25 分钟前
javascript之date对象橘子星26 分钟前
别光看教程!手把手拆解 React Todo 项目,一文吃透 5 个核心概念奶糖 肥晨31 分钟前
想return数据 返回的确是函数问题处理蜡台39 分钟前
使用 uni-popup 实现数据选择器Data-Pickerblns_yxl44 分钟前
Promise封装Fetch + 重试机制(HTML+JS)无巧不成书02181 小时前
Vue+Vue-CLI全平台零基础搭建教程