vue中下載excel的使用,後端連結兩種情況,一個是連結,一個是檔案流

weixin_33834679發表於2018-11-21

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>

這邊的樣式要自己調一下

相關文章