当前位置: 首页 > news >正文

vue+ elementUI纯前端下载excel文件模板

elementUI下载按钮:

<el-button type="warning" @click="downloadExcel">下载Excel模板</el-button>

vue methods中的方法:

downloadExcel() {
  let a = document.createElement("a");
  a.href = "/static/文件模板.xlsx";
  a.download = "文件模板.xlsx";
  a.style.display = "none";
  document.body.appendChild(a);
  a.click();
  a.remove();
},

在项目public目录下新建static文件夹,放入“文件模板.xlsx”文件即可实现vue+ elementUI纯前端下载excel文件模板。

相关文章:

  • 多人协作开发使用git基于master创建本地新分支避免同一分支代码提交时冲突
  • git合并master到自己的分支
  • React根据数组对象渲染DOM元素,页面不显示DOM元素
  • git从master建立分支
  • Vuex:Computed property “xxx“ was assigned to but it has no setter.
  • git commit提交代码是报错:running pre-commit hook: npm run precommit解决办法
  • js三层数组循环遍历(笛卡尔积)运算,并生成顺序
  • ERROR in ./src/.umi/core/routes.ts 402:19-404:109Module not found: Error: [CaseSensitivePathsPlugin
  • 响应式布局
  • GIT安装与使用
  • 初识微信小程序
  • 初步微信小程序
  • 模板引用
  • template标签与小程序数据加载报错问题
  • 上拉加载
  • 【399天】跃迁之路——程序员高效学习方法论探索系列(实验阶段156-2018.03.11)...
  • Angular Elements 及其运作原理
  • CSS盒模型深入
  • E-HPC支持多队列管理和自动伸缩
  • PHP 小技巧
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • 分享一份非常强势的Android面试题
  • 关于springcloud Gateway中的限流
  • 删除表内多余的重复数据
  • 中文输入法与React文本输入框的问题与解决方案
  • ​ 轻量应用服务器:亚马逊云科技打造全球领先的云计算解决方案
  • ​​​​​​​GitLab 之 GitLab-Runner 安装,配置与问题汇总
  • ​​​​​​​sokit v1.3抓手机应用socket数据包: Socket是传输控制层协议,WebSocket是应用层协议。
  • ​二进制运算符:(与运算)、|(或运算)、~(取反运算)、^(异或运算)、位移运算符​
  • ​人工智能书单(数学基础篇)
  • ​用户画像从0到100的构建思路
  • !!java web学习笔记(一到五)
  • # 学号 2017-2018-20172309 《程序设计与数据结构》实验三报告
  • (1)(1.8) MSP(MultiWii 串行协议)(4.1 版)
  • (附源码)计算机毕业设计SSM疫情居家隔离服务系统
  • (官网安装) 基于CentOS 7安装MangoDB和MangoDB Shell
  • (论文阅读23/100)Hierarchical Convolutional Features for Visual Tracking
  • (论文阅读32/100)Flowing convnets for human pose estimation in videos
  • .net 无限分类
  • .NET 自定义中间件 判断是否存在 AllowAnonymousAttribute 特性 来判断是否需要身份验证
  • .NET/C# 在 64 位进程中读取 32 位进程重定向后的注册表
  • .net利用SQLBulkCopy进行数据库之间的大批量数据传递
  • .NET连接MongoDB数据库实例教程
  • .NET牛人应该知道些什么(2):中级.NET开发人员
  • ??eclipse的安装配置问题!??
  • [ vulhub漏洞复现篇 ] Hadoop-yarn-RPC 未授权访问漏洞复现
  • [AIGC] MySQL存储引擎详解
  • [Angular] 笔记 6:ngStyle
  • [C#7] 1.Tuples(元组)
  • [c++] 单例模式 + cyberrt TimingWheel 单例分析
  • [CC2642R1][VSCODE+Embedded IDE+IAR Build+Cortex-Debug] TI CC2642R1基于VsCode的开发环境
  • [CDOJ 838]母仪天下 【线段树手速练习 15分钟内敲完算合格】
  • [Codeforces] combinatorics (R1600) Part.2
  • [EULAR文摘] 脊柱放射学持续进展是否显著影响关节功能
  • [GN] DP学习笔记板子