vue导出数据至Excel表

最新推荐文章于 2024-08-06 16:10:14 发布

一只叮code的小蚊子

最新推荐文章于 2024-08-06 16:10:14 发布

阅读量568

点赞数

分类专栏： vue学习文章标签： vue导出excel表 vue导出自定义导出

本文链接：https://blog.csdn.net/zjw222/article/details/102546406

版权

这篇博客介绍了如何在Vue项目中实现自定义数据导出到Excel表，包括安装必要的库如script-loader, xlsx, file-saver，以及如何避免直接导出页面渲染数据而影响原有数据的处理方法。" 111410281,9995416,B端产品详解：定义、来源、分类与竞品分析,"['B端产品', '企业软件', 'SaaS服务', '竞品分析', 'IT治理']

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

使用vue导出表格数据至Excel表格中，自定义导出的excel表格数据

1.安装，导入

先安装script-loader，xlsx，file-saver；然后将主要的js导出文件加入

npm i script-loader -S
npm i xlsx -S
npm i file-saver -S

excel所需的js文件

2.自定义数据导出

我找到一些文章，但是上面有好多是直接导出当前已渲染的表格中的数据，并不能够自定义导出所有数据

exportExcel() {
  require.ensure([], () => {
    const { export_json_to_excel } = require('@/excel/Export2Excel');
    /* 设置Excel的表格第一行的标题 */
    const tHeader = ['ID','店铺名称','公司'];
    /* filterValue里的值是tableData里对象的属性 */
    const filterValue = ['id','shopname','companyname'];