JSON to Excel for VUE3

在浏览器中将JSON格局数据以excel文件的模式下载。该组件是基于this thread 提出的解决方案。反对Vue3.2.25及以上版本应用

重要提醒! Microsoft Excel中的额定提醒

此组件中实现的办法应用HTML表绘制。在xls文件中,Microsoft Excel不再将HTML辨认为本机内容,因而在关上文件之前会显示正告音讯。excel的内容曾经完满出现,然而提示信息无奈防止,请不要在意!

Getting started

装置依赖:

npm install vue3-json-excel

在vue3的利用入口处有两种注册组件的形式:

import Vue from "vue"import {vue3JsonExcel} from "vue3-json-excel"Vue.component("vue3JsonExcel", vue3JsonExcel)

或者

import Vue from "vue"import vue3JsonExcel from "vue3-json-excel"Vue.use(vue3JsonExcel)

在template文件中间接应用即可

<vue3-json-excel :json-data="json_data">  Download Data</vue3-json-excel>

Props List

NameTypeDescriptionDefaultremark
json-dataArray行将导出的数据
fieldsObject要导出的JSON对象内的字段。如果未提供任何属性,将导出JSON中的所有属性。
export-fields (exportFields)Object用于修复应用变量字段的其余组件的问题,如vee-validate。exportFields的工作原理与fields完全相同
typestringMime 类型 [xls, csv]xls1.0.x版本临时只反对xls,csv会在下个版本迭代
namestringFile 导出的文件名jsonData.xls
headerstring/Array数据的题目。能够是字符串(一个题目)或字符串数组(多个题目)。
title(deprecated)string/Array与header雷同,title是出于追溯兼容性目标而保护的,但因为与HTML5 title属性抵触,不倡议应用它。

Example

// 待补充

License

MIT

Status

该我的项目处于晚期开发阶段。欢送参加共建。
有好的产品倡议能够分割我!!!!

npm地址

vue3-json-excel