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


猜你喜欢
- vue—监听属性(watch) 2023-10-08
- CSS重要属性之float学习心得(分享) 2024-02-07
- javascript实现类似java中getClass()得到对象类名的方法 2023-11-30
- 使用纯 CSS 创作一个渐变色动画边框 2024-02-25
- vue实时监听浏览器大小变化重新渲染百度echarts 2025-01-14
- javascript Three.js创建文字初体验 2023-08-12
- nginx搭建vue项目,刷新页面404解决方法? 2024-12-08
- IE下Ajax提交乱码的快速解决方法 2023-01-21
- js脚本获取webform服务器控件的方法 2023-11-30
- CSS的三列式”圣杯布局”方案完全解析 2023-12-14