VUE中使用vue-json-excel超級(jí)方便導(dǎo)出excel表格數(shù)據(jù)

一、安裝vue-json-excel

npm install vue-json-excel -S

二、main.js里面引入并注冊(cè)使用

import JsonExcel from 'vue-json-excel'

Vue.component('downloadExcel', JsonExcel)

三、頁面中使用

<download-excel

? ? class = "export-excel-wrapper"

? ? :data = "json_data"

? ? :fields = "json_fields"

? ? name = "filename.xls">

? ? <!-- 上面可以自定義自己的樣式，還可以引用其他組件button -->

? ? <!-- <el-button type="primary" size="small">導(dǎo)出EXCEL</el-button> -->

</download-excel>

? ? ? ?在這里說明一下組件的各個(gè)屬性

json_data：需要導(dǎo)出的數(shù)據(jù)

json_fields：自主選擇要導(dǎo)出的字段，若不指定，默認(rèn)導(dǎo)出全部數(shù)據(jù)中心全部字段

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容