<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
相关推荐
张元清1 小时前
React useDropZone Hook:搭建一个文件拖放区(2026)思码梁田1 小时前
CSS 定位详解:从相对到固定,掌握网页布局的核心软件开发技术深度爱好者2 小时前
HTML5实现数学函数画图器蜡台2 小时前
JS 浏览器 / App WebView 检测工具tedcloud1232 小时前
Orca 部署指南:开源 AI 推理服务的 Linux 部署实践taocarts_bidfans2 小时前
Taoify 站点访问地区限制与 IP 管控配置今日无bug2 小时前
深入理解 JavaScript 变量提升(Hoisting)大猫会长3 小时前
获取favicon.ico的方法无人生还3 小时前
从 Vue3 到 React · 快速上手系列第 5 篇:事件处理与表单(受控组件 vs v-model)默_笙3 小时前
🎀 大模型说"呀"还是"吗"?temperature 和 Top K 在偷偷控制它的"性格"