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