Element VUE实现前端本地下载Excel模板

最新推荐文章于 2024-05-16 12:02:39 发布

雪漠山堂

最新推荐文章于 2024-05-16 12:02:39 发布

阅读量1.8k

点赞数 2

分类专栏： JS VUE 文章标签： vue.js 前端 javascript 前端本地下载文件

本文链接：https://blog.csdn.net/qq_34795929/article/details/126638561

版权

5 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

首先前端下载涉及到@vue/cli 版本的问题，不同的版本模板文件存放位置和下载路径不同。

1.我使用的是IDEA，在前端项目的终端中，输入vue -V查询@vue/cli 版本，我的是@vue/cli 4.4.6版本。

2.cli4.0版本，把文件保存在src文件夹同目录下的public目录下，

3.前端代码编辑，我遇到的问题，原来我直接使用 Element的标签 el-link,直接填写

href="/static/VocsUploadData.xlsx"，但是该路径无效，404找不到文件

4.成功实现功能的代码

<el-link type="primary" :underline="false">
   <a target="_blank" href="/static/VocsUploadData.xlsx" download="数据上传模板">下载模板</a>
</el-link>

关注