最近项目需要做一个下载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文件模板功能
基础教程推荐
猜你喜欢
- 7.盒子模型.html 2023-10-26
- css float浮动属性的深入研究及详解拓展(一) 2023-12-20
- WebRTC媒体权限申请getUserMedia实例详解 2023-12-13
- Ajax和$.ajax使用实例详解(推荐) 2023-01-26
- vue项目开发如何引入jquery 2025-01-13
- 简单介绍vue两个路由之间的跳转(代码介绍) 2025-01-12
- CSS让高度不确定图片垂直居中的几种技巧 2024-01-17
- Vue-Router中文文档官网介绍 2025-01-12
- JavaScript地理位置信息API 2023-12-14
- 纯CSS实现垂直居中的9种方法 2023-12-09
