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
該專案處於早期開發階段。歡迎參與共建。
有好的產品建議可以聯絡我！！！！