vue-json-excel 简单易学纯前端导出表格

DO_IT_JACK

已于 2023-08-06 10:10:17 修改

阅读量1k

点赞数 1

分类专栏：前端总结前端vue总结文章标签：前端 vue.js json

于 2021-04-24 16:54:29 首次发布

本文链接：https://blog.csdn.net/weixin_40231090/article/details/116096041

版权

前端总结同时被 2 个专栏收录

18 篇文章 2 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

前端vue总结

17 篇文章 0 订阅

订阅专栏

本文介绍了在前端项目中，如何利用vue-json-excel库实现简单的Excel表格数据导出。该方法适用于普通的表格数据导出，不涉及复杂的表格样式、计算或背景设置。内容包括两个案例：一是基于table设计生成列名和值的导出；二是直接从table数据生成导出内容。

摘要由CSDN通过智能技术生成

项目场景：

前端table页面数据导出成excel
适用于普通表格，没有合并行，没有复杂计算，没有背景要求等等！极简的原样输出

效果图

在这里插入图片描述

案例1 table使用设计生成列名列值导出数据：

//顶部按钮
<download-excel
  style="width: 40px; height: 28px; display: inline"
  :data="json_data"
  :fields="json_fields"
  :name="excelName">
  <el-link :underline="false" @click="exportExcel" :disabled="productReportDetailList.length <= 0"><i class=&#

了解本专栏