vue前端实现下载本地文件(不调用后台接口下载文件模板)

今天给的需求是希望前端本地直接下载模板 不调用后端接口
以下提供两个简单的方法
方法一：使用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>