Vue:使用vue-json-excel导出数据到excel

本文介绍了如何在Vue项目中使用vue-json-excel组件导出数据到Excel文件。主要内容包括在main.js中全局注册组件,API参数的详细解释,以及关键代码示例。通过设置fields、data、header等属性,可以定制导出的Excel内容。
摘要由CSDN通过智能技术生成

2. 在main.js中,将vue-json-excel在全局注册


import Vue from “vue”;

import JsonExcel from “vue-json-excel”;

Vue.component(“downloadExcel”, JsonExcel);

在这里插入图片描述

3. API参数解读


| 参数名 | 参数类型 | 描述 | 默认值 |

| — | — | — | — |

| data | 数组 | 需要导出的参数 | |

| fields | 对象 | 规定导出数据中的字段名称与文件每一列列头名称的关系。

要导出的JSON对象中的字段。如果没有提供,JSON中的所有属性将被导出。 | |

| export-fields (exportFields) | 对象 | 解决与其他组件的命名冲突问题。

用于解决其他使用变量字段的组件(如vee-validate)的问题。exportFields的工作原理与字段完全相同 | |

| type | 字符串 | 文件类型。xls或者csv | xls |

| name | 字符串 | 导出文件名称。 | data.xls |

| default-value (defaultValue) | 字符串 | 如果某一行没有字段值时候起作用。

当行没有字段值时用作回退。 | |

| header | 字符串/数组 | 导出文件表格标题。

数据的标题。可以是字符串(一个标题)或字符串数组(多个标题)。

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值