vuejs前端做一个点击按钮下载excel文件模板功能

  

最近项目需要做一个下载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 内容,请继续关注编程基础学习网。

相关文章