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

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

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属性抵触,不倡议应用它。

Example

// 待补充

License

MIT

Status

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

npm地址

vue3-json-excel

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理