今天给的需求是希望前端本地直接下载模板 不调用后端接口
以下提供两个简单的方法
方法一:使用elementui
下面展示一些 内联代码片
。
<el-button type="text" icon="el-icon-download" @click="handleDownload">模版下载</el-button>
//下载模版
handleDownload(){
window.location.href = '../../../static/模板.xlsx'
}
// 将模板保存在本地 我放在public/static下面
方法二: 使用a标签
<a href="../../../static/模板.xlsx" download="下载成功之后文件的名称">下载模板</a>