美文网首页
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