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

今天给的需求是希望前端本地直接下载模板不调用后端接口以下提供两个简单的方法方法一：使用elementui下面展示一些内联代码片。<el-button type="text" icon="el-icon-download" @click="handleDownload">模版下载</el-button>//下载模版handleDownload(){window.locat

一只快乐的小咩咩

4490人浏览 · 2021-11-12 16:36:50

一只快乐的小咩咩 · 2021-11-12 16:36:50 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^