当前位置: 首页 > news >正文

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

首先 前端下载涉及到@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>

相关文章:

  • LLVM + Clang 基础介绍
  • 即时模拟仿真的低代码UI设计工具【Witools-Lvgl】设计一套LVGL UI界面
  • 5分钟用 docker 创建nodered
  • 基于微信小程序和安卓的婚恋相亲app
  • Node安装及配置
  • 时间序列的数据分析(六):指数平滑预测法
  • npm中的.package-lock.json包管理配置文件 package.json自己创建的包配置文件(npm init -y)
  • 机器人导航仿真
  • Nacos下载和安装-windows
  • 2022-09-01 C++并发编程(十七)
  • 一次性安装所有的包、卸载包
  • 航拍倾斜摄影 Web 3D GIS 数字孪生智慧火电厂
  • 迅为RK3568开发板Linux_NVR_SDK系统开发-查看NPU/GPU/CPU频率使用率
  • CentOS 安装 rabbitMQ
  • springboot毕设项目疫情下药店管理系统xcu0u(java+VUE+Mybatis+Maven+Mysql)
  • [rust! #004] [译] Rust 的内置 Traits, 使用场景, 方式, 和原因
  • centos安装java运行环境jdk+tomcat
  • javascript从右向左截取指定位数字符的3种方法
  • Material Design
  • Netty+SpringBoot+FastDFS+Html5实现聊天App(六)
  • node-sass 安装卡在 node scripts/install.js 解决办法
  • socket.io+express实现聊天室的思考(三)
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • vue和cordova项目整合打包,并实现vue调用android的相机的demo
  • 代理模式
  • 对超线程几个不同角度的解释
  • 好的网址,关于.net 4.0 ,vs 2010
  • 机器学习 vs. 深度学习
  • 基于组件的设计工作流与界面抽象
  • 前端
  • 前嗅ForeSpider中数据浏览界面介绍
  • 异步
  • 智能网联汽车信息安全
  • Nginx实现动静分离
  • #DBA杂记1
  • #Linux(make工具和makefile文件以及makefile语法)
  • #NOIP 2014#day.2 T1 无限网络发射器选址
  • #我与Java虚拟机的故事#连载02:“小蓝”陪伴的日日夜夜
  • (html5)在移动端input输入搜索项后 输入法下面为什么不想百度那样出现前往? 而我的出现的是换行...
  • (Python) SOAP Web Service (HTTP POST)
  • (Ruby)Ubuntu12.04安装Rails环境
  • (办公)springboot配置aop处理请求.
  • (顶刊)一个基于分类代理模型的超多目标优化算法
  • (定时器/计数器)中断系统(详解与使用)
  • (仿QQ聊天消息列表加载)wp7 listbox 列表项逐一加载的一种实现方式,以及加入渐显动画...
  • (附源码)springboot 智能停车场系统 毕业设计065415
  • (力扣)1314.矩阵区域和
  • (七)Knockout 创建自定义绑定
  • .bat批处理出现中文乱码的情况
  • .NET CF命令行调试器MDbg入门(一)
  • .NET Core MongoDB数据仓储和工作单元模式封装
  • .NET Core 成都线下面基会拉开序幕
  • .net FrameWork简介,数组,枚举
  • .netcore 获取appsettings
  • .NET框架设计—常被忽视的C#设计技巧