首页 > 其他分享 >element ui 里面的表格 导出word形式 直接下载到本地

element ui 里面的表格 导出word形式 直接下载到本地

时间:2023-07-01 15:13:15浏览次数:51  
标签:ui word log res console element href link let

 干吧家人们

 

 

可以根据后端返回的接口里面的地址直接把他下载下来

 

可以使用

let link = document.createElement('a');

let objectUrl = res.data.path; //重要重要的是这个 这个是后端返回回来的地址

link.setAttribute("href", objectUrl);

link.setAttribute("download",'订单.docx');
link.click();//释放内存

window.URL.revokeObjectURL(link.href)

 

如果后端返回的是 word 文档里面的数据

可以使用

printOrder(id) {
console.log(id)

orderPrintApi(id,{   //封装的接口地址

responseType:'blob',

headers: {'Content-Type': 'application/x-www-form-urlencoded  '}
}

.then((res) => [

// console.log()console.log(res .message. respnse.data)

let blob = new Blob([res],{
type: 'application/vnd.ope
xmlformats-officedocument .wordprocessingml .document;charset=UTF-8'})


let link = document.createElement('a');
// link.download = fileName//a标签添加属性
let objectUrI = URL.createobjectURL(blob).
console.log(objectUr1)
link.setAttribute("href", objectUrl);
link.setAttribute("download","订单.docx');
118
link.click();
//释放内存
window.URL.revokeObjectURL(link.href)
})

},

标签:ui,word,log,res,console,element,href,link,let
From: https://www.cnblogs.com/zhangershi/p/17252958.html

相关文章

  • 关于 SAP UI5 应用附件上传的病毒扫描功能 virus scan profile
    SAPUI5是基于HTML5和JavaScript的SAP的前端开发框架,用于构建企业级应用程序。它提供了丰富的用户界面控件,以及可重用、可扩展和可定制的组件。在企业应用场景中,附件上传和下载是非常常见的需求,SAPUI5提供了丰富的UI控件库以满足各种应用需求。在实现附件上传功能时,主......
  • 关于 SAP UI5 的 CrossApplicationNavigation 服务
    从SAPUI5应用启动时观察Chrome开发者工具console面板,看到如下提示的错误消息:sap.ui.comp.navpopover.SemanticObjectController:Service'CrossApplicationNavigation'couldnotbeobtained-SAPUI5CrossApplicationNavigation是一种用于在SAPFioriLaunchpad......
  • 什么是 SAP UI5 的 cldr json 文件
    SAPUI5是一个基于HTML5的UI开发框架,它允许开发人员构建功能丰富、易于维护和满足企业需求的应用程序。它是一个集成了各种UI控件、工具和库的强大框架,旨在简化企业级应用程序的开发过程。SAPUI5的一个重要特性是对国际化和本地化的支持,这意味着开发人员可以构建能够适应......
  • SAP UI5 manifest.json 文件的 config 区域
    SAPUI5是一种用于构建企业级Web应用的HTML5用户界面技术。它提供了一套丰富的控件库,并支持MVC(模型-视图-控制器)架构、双向数据绑定等特性。manifest.json是SAPUI5应用的元数据文件,包含了应用的配置信息、依赖项、模型、路由等内容。在manifest.json文件中,config区......
  • 代码生成器 CodeBuilder 3 正式版发布
    CodeBuilder是一款强大的代码生成工具,目前发布了3.0,大家可以前去下载体验官方主页。1、多种数据源基于ADO.NET的数据驱动基于Fireasy3,支持从SqlServer、MySql、Oracle、Firebird、PostgreSql、SQLite、达梦、人大金仓、神通数据库,以及Odbc、OleDb驱动。可以获取所有......
  • mosquitto配置文件
    Mosquitto的配置文件mosquitto.conf包含了各种参数,可以用来自定义和配置MosquittoMQTT代理服务器的行为。以下是一些常见的配置参数及其详细说明:pid_file:指定PID文件的路径。默认值为/var/run/mosquitto/mosquitto.pid。persistence:指定是否启用持久化。可以设置为true或false......
  • Java 基础复习——StringBuffer 和 StringBuilder
    StringBuffer和StringBuilderStringBuffer类简介java.lang.StringBuffer代表可变的字符序列,可以对字符串内容进行增删很多方法和String相同,但StringBuffer是可变长度的StringBuffer是一个容器注意:StringBuffer的直接父类是AbstractStringBuilder有属......
  • PHP配置并使用mosquitto
    要在PHP中配置和使用Mosquitto,你需要进行以下步骤:安装MosquittoPHP扩展:sudoapt-getinstallphp-mosquitto在PHP配置文件中启用Mosquitto扩展:打开PHP配置文件php.ini,查找以下行,并取消注释(去掉前面的分号):extension=mosquitto.so重启Web服务器:sudoserviceapache......
  • CodeForces 1845C Strong Password
    洛谷传送门CF传送门我怎么这么多天没写题解了,快来水一篇。考虑对\(s\)串建子序列自动机后dp。设\(n=|s|\)。建子序列自动机,就是求出\(nxt_{i,j}\)为\([i,n]\)中第一个等于\(j\)的位置,不存在则\(nxt_{i,j}=n+1\)。然后我们设\(f_{i,j}\)为填到密码的......
  • QUuid
    QUuid #include<QUuid>  PublicTypesenumStringFormat {WithBraces,WithoutBraces,Id128}enumVariant {VarUnknown,NCS,DCE,Microsoft,Reserved}enumVersion {VerUnknown,Time,EmbeddedPOSIX,Name,...,Sha1}PublicFunction......