美文网首页
vue中下载excel的使用,后端链接两种情况,一个是链接,一个

vue中下载excel的使用,后端链接两种情况,一个是链接,一个

作者: Light_shallow | 来源:发表于2018-11-21 15:34 被阅读0次

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://XXXXXX/XXXXXXr/XXXX' 接口地址

  method="get" ref="selectContent">

<input type="text" id='columns' name = 'columns' v-model="value1" >

<input type="submit" id='column'>

</form>

这边的样式要自己调一下

相关文章

网友评论

      本文标题:vue中下载excel的使用,后端链接两种情况,一个是链接,一个

      本文链接:https://www.haomeiwen.com/subject/zdyqqqtx.html