elementUI下载按钮:

<el-button type="warning" @click="downloadExcel">下载Excel模板</el-button>

vue methods中的方法:

downloadExcel() {
  let a = document.createElement("a");
  a.href = "./static/fileTemp.xlsx";
  a.download = "文件模板.xlsx";
  a.style.display = "none";
  document.body.appendChild(a);
  a.click();
  a.remove();
},

在项目public目录下新建static文件夹,放入“fileTemp.xlsx”文件即可实现vue+ elementUI纯前端下载excel文件模板。

如果本地启动项目,下载提示:“无法从网站上提取文件”,将

a.href = "./static/fileTemp.xlsx";

修改为

a.href = "/static/fileTemp.xlsx";

即可成功下载模板。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐