Vue2 導(dǎo)出excel

NotFound 發(fā)布于2019-08-20 18:36 / 470人閱讀

摘要：今天在開發(fā)的過程中需要做一個(gè)的導(dǎo)出功能。如果需要導(dǎo)出分頁數(shù)據(jù)這樣的需求是沒法滿足的。需要后臺生成一個(gè)文件鏈接，然后點(diǎn)擊下載。

今天在開發(fā)的過程中需要做一個(gè)Vue的導(dǎo)出功能。
老司機(jī)開車使用 js-xlsx 里面有vue的部分可以參考
廢話不多說了，直接貼代碼

一、在index.html中引用js文件

二、在vue文件中

三、展示

注意:這里使用了html的id,如果是element-ui 注意使用 ref

如果有幫助請點(diǎn)贊

2018年4月10日更新一下
這個(gè)導(dǎo)出只能導(dǎo)出當(dāng)前頁面的table的內(nèi)容。
如果需要【導(dǎo)出分頁數(shù)據(jù)】這樣的需求是沒法滿足的。
需要后臺生成一個(gè)文件鏈接，然后點(diǎn)擊下載。

GPU云服務(wù)器云服務(wù)器 excel表格導(dǎo)出 excel導(dǎo)出出錯 excel導(dǎo)出亂碼 excel導(dǎo)入導(dǎo)出

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/84752.html

相關(guān)文章

基于Vue2前端將網(wǎng)頁數(shù)據(jù)轉(zhuǎn)為Excel導(dǎo)出

摘要：首先，安裝插件插件文檔地址官方文檔在組件這中引入所要導(dǎo)出的數(shù)據(jù)如下設(shè)置面板標(biāo)題是否編輯表頭數(shù)據(jù)項(xiàng)目名稱規(guī)格單位數(shù)量單價(jià)金額卡數(shù)備注項(xiàng)目名稱規(guī)格單位數(shù)量單價(jià)金額卡數(shù)備注表格數(shù)據(jù)柜體大師大師多撒好低柜體大師大師多撒好低柜體大師大師多撒好低柜體大首先，安裝xlsx插件 npm install xlsx 插件文檔地址xlsx官方文檔在組件這中引入 import XLSX from ...

alighters 2019-08-02 15:58 評論0 收藏0
基于Vue2前端將網(wǎng)頁數(shù)據(jù)轉(zhuǎn)為Excel導(dǎo)出

摘要：首先，安裝插件插件文檔地址官方文檔在組件這中引入所要導(dǎo)出的數(shù)據(jù)如下設(shè)置面板標(biāo)題是否編輯表頭數(shù)據(jù)項(xiàng)目名稱規(guī)格單位數(shù)量單價(jià)金額卡數(shù)備注項(xiàng)目名稱規(guī)格單位數(shù)量單價(jià)金額卡數(shù)備注表格數(shù)據(jù)柜體大師大師多撒好低柜體大師大師多撒好低柜體大師大師多撒好低柜體大首先，安裝xlsx插件 npm install xlsx 插件文檔地址xlsx官方文檔在組件這中引入 import XLSX from ...

zlyBear 2019-08-21 17:47 評論0 收藏0
基于Vue2前端將網(wǎng)頁數(shù)據(jù)轉(zhuǎn)為Excel導(dǎo)出

摘要：首先，安裝插件插件文檔地址官方文檔在組件這中引入所要導(dǎo)出的數(shù)據(jù)如下設(shè)置面板標(biāo)題是否編輯表頭數(shù)據(jù)項(xiàng)目名稱規(guī)格單位數(shù)量單價(jià)金額卡數(shù)備注項(xiàng)目名稱規(guī)格單位數(shù)量單價(jià)金額卡數(shù)備注表格數(shù)據(jù)柜體大師大師多撒好低柜體大師大師多撒好低柜體大師大師多撒好低柜體大首先，安裝xlsx插件 npm install xlsx 插件文檔地址xlsx官方文檔在組件這中引入 import XLSX from ...

willin 2019-08-29 13:53 評論0 收藏0