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

7次阅读

共计 1070 个字符,预计需要花费 3 分钟才能阅读完成。

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

正文完
 0