zoukankan      html  css  js  c++  java
  • 文件下载功能的前台页面的展现

    首先在.vue文件里将样式给写好

    <a style="margin-left: 55px; cursor: pointer;" @click="popExcel" > <i class="glyphicon glyphicon-download-alt" title="下载"></i> 导出获奖列表信息 </a>

    下载的功能后台已经都已经写好的,所以只要展现一下就可以了,

    直接写个方法就行了,

    `

    excel(date){//导出某天获奖列表到excel

                api.getExportAwardExcel(this.date, this.kId)

                .then(res => {

                    this.$refs.dialog3.close()

                    if (this.kId === null) {//测试环境

                        window.location.href = 'https://lab.yoosh.tv/mgmt/export/exportAwardExcel?date=' + this.date

                    }else{

                        window.location.href = 'https://lab.yoosh.tv/mgmt/export/exportAwardExcel?date=' + this.date + '&kId=' + this.kId

                    }

                    if (res.data.ok) {

                        console.log(res.data)

                    }

                }).catch(err => {

                    alert(err)

                })

            },

    ` 很多时候其实是一个很简单的功能,所以就不需要搞得太复杂化,简单点。

  • 相关阅读:
    如何阅读大型项目的代码?
    常用法律常识链接
    ubuntu 常用参数设置
    访问内存过程小结
    Netfilter深度解剖
    linux中的namespace
    style="display:none"隐藏html的标签
    xshell用ssh连接VMware中的ubuntu
    rails rake和示例
    rails中render 和 redirect_to的区别, each只能用在数组中,如果只有一个或者零个项,用each方法会报错undefined method `each' for #...
  • 原文地址:https://www.cnblogs.com/wendy-home-5678/p/7047695.html
Copyright © 2011-2022 走看看