最近项目需要做一个下载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文件模板功能


基础教程推荐
猜你喜欢
- 详解Angular中通过$location获取地址栏的参数 2024-01-07
- DIV+CSS实现电台列表设计的示例代码 2024-01-23
- PHP MySQL中有多个htmlspecialchars字符串 2023-10-26
- pdf2swf+flexpapers实现类似百度文库pdf在线阅读 2023-12-19
- 利用css3实现禁止文章内容复制 2024-12-13
- javascript怎么禁用浏览器后退按钮 2024-01-06
- vue、react等单页面项目部署到服务器的方法及vue和react的区别 2024-01-06
- css鼠标样式cursor介绍(鼠标手型) 2023-12-29
- vue3面试题:v-if 和 v-for 的优先级哪个高? 2025-01-12
- 几个比较好的国外广告联盟推荐 2024-02-04