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>
這邊的樣式要自己調一下
相關文章
- vue日記②之相容各種情況的可跳轉連結Vue
- 引用一個連結,後續學習。
- 不同EXCEL檔案超連結Excel
- 劍指offer——兩個連結串列的第一個公共結點C++C++
- 一個統一的連結串列結構 (轉)
- 如何連結兩個名字一樣動態庫
- 一個連結:Haskell development with NixHaskelldev
- js點選同一個連結開啟兩個網址的效果JS
- 連結串列面試題(七)---合併兩個有序連結串列面試題
- 定義一個函式,輸入一個連結串列的頭節點,反轉該連結串列並輸出反轉後連結串列的頭節點函式
- 連結串列面試題(一)---刪除一個無頭單連結串列的非尾結點面試題
- Spring Boot + Vue 前後端分離,兩種檔案上傳方式總結Spring BootVue後端
- ElasticSearch兩個節點的情況下,shard是如何分配的Elasticsearch
- 一個學習Python的好連結Python
- 連結串列面試題(十三)---求兩個都不帶環的連結串列相交的結點面試題
- 連結串列的作用和好處?如何用JS來寫一個連結串列JS
- 連結串列面試題(九)---判斷一個連結串列是否帶環面試題
- 【LeetCode】【連結串列】劍指 Offer 52. 兩個連結串列的第一個公共節點 思路解析和程式碼LeetCode
- 有a,b兩個已按學號升序排序的連結串列,每個連結串列中的結點包括學號、成績。要求把兩個連結串列合併,仍按學號升序排列。...排序
- 怎麼看訪問連結是走了哪個IP
- Linux---檔案、軟連結於硬連結檔案Linux
- [每日一題] 第十八題:合併兩個排序的連結串列每日一題排序
- 記maven專案的兩個奇怪情況Maven
- 一個node連結串列翻轉的面試題面試題
- 對於MySQL遠端連線中出現的一個問題總結MySql
- 連結串列面試題(十二)---判斷兩個都不帶環的連結串列是否相交面試題
- 如何判斷一個連結地址是否有效
- Vue element ui結合java後臺匯出Excel(二進位制檔案流)VueUIJavaExcel
- leetcode:21. 合併兩個有序連結串列(連結串列,簡單)LeetCode
- Java連結串列指標確實好煩 - 交換連結串列中連續的兩個節點的位置Java指標
- 每次看到某個資料結構的時候,有兩個指標,一個起始,一個結束,一直沒想明白為何是起始與結束,不是起始加數量,是怎麼操作的?資料結構指標
- 一個可遮蔽長短連結的網路模組
- 群裡的一個惡意連結分析過程
- 利用PHP獲取一個頁面上的連結資訊PHP
- 牛客網高頻演算法題系列-BM10-兩個連結串列的第一個公共結點演算法
- 阿里雲oss 上傳檔案的兩種方式(本地路徑上傳遠端連結上傳)阿里
- PHP7 以後使用 CURL 連結 FTP 上傳檔案PHPFTP
- 多個 EXCEL 檔案如何合併成一個檔案Excel