最近项目需要做一个下载excel文件模板,用户在excel编辑好后导入表格并解析成JSON数据通过接口传到数据库!今天编程教程网小编给大家介绍一下vuejs模板的下载功能。想了解vuejs导入excel(把excel表格解析成JSON数据)可以点击查看!
1、引入一个按钮
<el-button type="warning" icon="el-icon-download" @click="clickDownloadTemplate">Excel模板下载</el-button>
2、下载模板点击事件
clickDownloadTemplate() {
let a = document.createElement("a");
a.href = "../../static/我是模板.xlsx";
a.download = "我是模板.xlsx";
a.style.display = "none";
document.body.appendChild(a);
a.click();
a.remove();
},
以上是编程学习网小编为您介绍的“vuejs前端做一个点击按钮下载excel文件模板功能”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:vuejs前端做一个点击按钮下载excel文件模板功能


基础教程推荐
猜你喜欢
- 深入挖掘Windows脚本技术第2/2页 2024-04-08
- CSS3弹性盒模型开发笔记(一) 2023-12-22
- vue自定义过滤器 2023-10-08
- 从本地html / javascript网站插入mySQL数据库 2023-10-26
- javascript Three.js创建文字初体验 2023-08-12
- cocos微信小游戏如何加入游戏圈功能 2022-10-29
- Bootstrap Studio图文激活教程 快速安装激活真实有效 2024-04-06
- 使用 IntraWeb (28) - 基本控件之 TIWTemplateProcessorHTML、TIWLayoutMgrHTML、TIWLayoutMgrForm 2023-10-27
- css 盒模型 文档流 几种清除浮动的方法实例详解 2023-12-21
- 妙用z-index让一个div显示在最前面 2023-12-21