vue中下載excel的使用,後端連結兩種情況,一個是連結,一個是檔案流
vue中下載excel使用
一、這是第一種情況,後臺連結地址返回的是一個url,這個時候我只要在匯出按鈕上繫結exportData()這個事件方法就好了
exportData() {
this.timeIsEmpty();
exportDataDeal(this.form).then(data => {
if(data.status ==200){
this.download(data.request.responseURL);
}
});
},
download(url) {
var iframe =document.createElement("iframe")
iframe.style.display ="none";
iframe.src = url;
document.body.appendChild(iframe);
},
二、這個地方的匯出,後臺返回的是檔案流
<form action='https://apptest.rv2go.cn/rv-travel-order/v1/travelRefund/exportData'
method="get" ref="selectContent">
<input type="text" id='columns' name = 'columns' v-model="value1" >
<input type="submit" id='column'>
</form>
這邊的樣式要自己調一下
相關文章
- 兩個連結串列的第一個公共結點
- 兩個連結串列的第一個公共節點
- JZ-036-兩個連結串列的第一個公共結點
- vue日記②之相容各種情況的可跳轉連結Vue
- 劍指offer——兩個連結串列的第一個公共結點C++C++
- 如何連結兩個名字一樣動態庫
- 如何把一個長連結轉短連結 短連結轉化器該如何使用
- 將兩個升序連結串列合併為一個新的 升序 連結串列並返回。(新手篇06)
- Spring Boot + Vue 前後端分離,兩種檔案上傳方式總結Spring BootVue後端
- 兩個有序連結串列序列的交集
- 一個學習Python的好連結Python
- 檔案連結
- 合併兩個有序連結串列
- 劍指Offer-38-兩個連結串列的第一個公共節點
- 定義一個函式,輸入一個連結串列的頭節點,反轉該連結串列並輸出反轉後連結串列的頭節點函式
- 反轉一個單連結串列。
- Linux---檔案、軟連結於硬連結檔案Linux
- [連結串列】2.輸入一個連結串列,反轉連結串列後,輸出新連結串列的表頭。[多益,位元組考過]
- 【LeetCode】【連結串列】劍指 Offer 52. 兩個連結串列的第一個公共節點 思路解析和程式碼LeetCode
- iis連線資料庫的檔案是哪個資料庫
- 請判斷一個連結串列是否為迴文連結串列。
- 連結串列的作用和好處?如何用JS來寫一個連結串列JS
- [連結串列]leetcode1019-連結串列中的下一個更大節點LeetCode
- 請使用 js 實現一個雙向連結串列JS
- js 透過連結下載檔案JS
- 根據網路連線(檔案連結)下載檔案到本地
- leetcode:21. 合併兩個有序連結串列(連結串列,簡單)LeetCode
- [每日一題] 第十八題:合併兩個排序的連結串列每日一題排序
- 力扣 - 劍指 Offer 52. 兩個連結串列的第一個公共節點力扣
- ElasticSearch兩個節點的情況下,shard是如何分配的Elasticsearch
- 阿里雲oss 上傳檔案的兩種方式(本地路徑上傳遠端連結上傳)阿里
- 對於MySQL遠端連線中出現的一個問題總結MySql
- 記maven專案的兩個奇怪情況Maven
- Vue element ui結合java後臺匯出Excel(二進位制檔案流)VueUIJavaExcel
- 建立連結串列兩種方法的區別
- JZ-016-合併兩個排序的連結串列排序
- 多個excel檔案合併成一個excel表的方法 如何快速合併多個excel檔案Excel
- 多個 EXCEL 檔案如何合併成一個檔案Excel