前端匯出功能實現的三種方式

2021-09-25 03:38:38 字數 1061 閱讀 9971

(1)window.location.href = 『url』

(2)

這種方式就是後台將要匯出的檔案以檔案流的方式返回給前端,前端通過blob去解析,再動態建立a標籤。

// 發請求

this.axios.post(url, , ).then(res =>

})

這種方式就是後台只需提供對應的資料即可,前端動態生成**資料,再格式化。

let excel = '';

// 生成表頭

let row = '' +

'標題1' +

'標題2' +

'標題3' +

'';excel += row + '';

// 迴圈生成錶身

for(let i = 0 ; i < this.exceldata.length ; i++ )

excel +=`$`;

} excel +='';

}excel += '';

var excelfile = '';

excelfile += ' charset="utf-8">';

excelfile += '';

excelfile += '';

excelfile += excel;

excelfile += '';

excelfile += '';

let link = document.createelement('a');

link.href = uri;

link.style = 'visibility:hidden';

let mydate = new date();

let time = mydate.tolocaledatestring().split('/').join('-');

link.download = 'filename' + time + '.xls';

link.click();

document.body.removechild(link);

如何實現前端頁面輪播? 三種方式

夜深了,只聽見時鐘的嘀嗒聲和鍵盤的敲打聲,想必這個時候只剩下程式設計師的工作了。好久沒更新了,難得有空來寫寫自己這些天的所學。下面著重介紹幾種方式 先給大家看個效果圖 方式3 原生js實現 相對初學者更適用 相對來說更適合新學的人來實現 主要實現原理 div js var jx speed 5000...

Oracle實現判斷功能三種方式總結

1 case when then.else.end select case when t.欄位名 1 then 要設定的名字1 when t.欄位名 2 then 要設定的名字2 else 要設定的名字3 endfrom 表名 t 2 decode 條件,值1,返回值1,值2,返回值2,值n,返回值...

Android Button實現功能的三種方法

android button實現功能的三種方法 1.一次性 使用的button,一般採用匿名內部類 button button button findviewbyid r.id.button button.setonclicklistener new onclicklistener 該方法適用於bu...