关于javascript:一个Vue3可使用的JSON转excel组件

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

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

装置依赖：

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>

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

// 待补充

MIT

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

vue3-json-excel

JSON to Excel for VUE3