vue+ elementUI纯前端下载excel文件模板
elementUI下载按钮:<el-button type="warning" @click="downloadExcel">下载Excel模板</el-button>vue methods中的方法:downloadExcel() {let a = document.createElement("a");a.href = "/static/文件模板.xlsx";a.down
·
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";
即可成功下载模板。
更多推荐
已为社区贡献8条内容
所有评论(0)