Vue3 JSON转excel组件

AI 概述
JSON to Excel for VUE3重要提示! Microsoft Excel 中的额外提示Getting started相关属性列表npm 地址 JSON to Excel for VUE3 在浏览器中将 JSON 格式数据以 excel 文件的形式下载。该组件是基于this thread 提出的解决方案。支持 Vue3.2.25 及以上版本使用 重要提示! Microsoft Excel 中的额外提示 ...
目录
文章目录隐藏
  1. JSON to Excel for VUE3

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>

相关属性列表

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 属性冲突,不建议使用它。

npm 地址

vue3-json-excel

以上关于Vue3 JSON转excel组件的文章就介绍到这了,更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章,希望大家以后多多支持码云笔记。

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 admin@mybj123.com 进行投诉反馈,一经查实,立即处理!
重要:如软件存在付费、会员、充值等,均属软件开发者或所属公司行为,与本站无关,网友需自行判断
码云笔记 » Vue3 JSON转excel组件

发表回复