zoukankan      html  css  js  c++  java
  • vue 导出数据

    1.点击“导出数据按钮”

      getExportList(data) {
          getExport(data).then((res) => { // 导出数据调用接口
            this.checkedtages2 = ''
            this.exportPathMethod(res.data)// 导出数据做处理
          })
        },
    //最重要的一部 exportPathMethod(data) {
    // 要导出的json数据 var jsonData = data let str1 = '' for (const i in jsonData[0]) { str1 += ',' + i } str1 = str1.substring(1) str1 = str1 + ' ' let str = `${str1}` // 列标题,逗号隔开,每一个逗号就是隔开一个单元格 // let str = `用户名称,会员等级,最近购买时间,消费次数,消费金额,用户账号,订单均价 ` // 增加 为了不让表格显示科学计数法或者其他格式 for (let i = 0; i < jsonData.length; i++) { for (const item in jsonData[i]) { str += `${jsonData[i][item] + ' '},` } str += ' ' } // encodeURIComponent解决中文乱码 const uri = 'data:text/csv;charset=utf-8,ufeff' + encodeURIComponent(str) // 通过创建a标签实现 var link = document.createElement('a') link.href = uri // 对下载的文件命名 link.download = '客户管理列表.xls' document.body.appendChild(link) link.click() },

    vue 下载文件

             excelDown:function(type,data){
                    var self = this;
                    self.fileExcelIdString="";
                    if(type===2){
                        if(!(self.selectedFileData.length>0)){
                            return self.$message({
                                type: 'info',
                                message: '请先选择数据!'
                            });
                        }
                        self.selectedFileData.forEach(function (item,index) {
                            self.fileExcelIdString=self.fileExcelIdString+item.fileId+","
                            self.excelDownStart(item.fileName,item.fileId);
                        });
                        self.fileExcelIdString= self.fileExcelIdString.substr(0,self.fileExcelIdString.length-1);
                    };
                    if(type===1){
                        self.fileExcelIdString=self.fileExcelIdString+data.fileId;
                        self.excelDownStart(data.fileName,data.fileId)
                    }
                },
                excelDownStart:function (fileName,fileId) {
                    var url=_contextPath + "/dataps/inter/download/"+fileId;//根据ID下载地址
                    var userAgent = navigator.userAgent.toLowerCase();
                    var isIe = /(msie|trident).*?([d.]+)/.test(userAgent);
                    if (isIe) { // IE
                        window.open(url, '_blank')
                    } else {
                        var a = document.createElement('a'); // 创建a标签
                        var e = document.createEvent('MouseEvents'); // 创建鼠标事件对象
                        e.initEvent('click', false, false) // 初始化事件对象
                        a.href = url; // 设置下载地址
                        a.download = fileName + moment(new Date().getTime()).format('YYYY-MM-DD HH:mm:ss'); // 设置下载文件名
                        a.dispatchEvent(e);
                    }
                }
    

      

  • 相关阅读:
    linux重新编译内核
    无废话ubuntu 13.4w文件共享配置
    VB6关于判断模态窗体的问题
    在.NET中快速创建一个5GB、10GB或更大的空文件
    利用虚拟光驱实现 将WINDOWS文件供虚拟机中的UBUNTU共享
    论这场云盘大战,以及各网盘的优劣
    struts2 全局格式化,格式化时间,金钱,数字
    SQL SERVER 2000/2005/2008数据库数据迁移到Oracle 10G细述
    女攻城师走在移动互联网道路的这两年
    用正则匹配多行文本
  • 原文地址:https://www.cnblogs.com/wangliko/p/10917521.html
Copyright © 2011-2022 走看看