vue项目本地保存文件并提供用户下载(支持多种文件类型.doc
2022-11-10 本文已影响0人
扶得一人醉如苏沐晨
首先查看您的脚手架版本
cmd打开命令窗口,输入
vue -V
我的cli是3x
image.png
如果您是2x版本的脚手架
在src文件下面新建static文件夹
image.png
如果您是3x或者4x版本的脚手架
直接在public文件下面
image.png
页面中
<el-button type="primary">
<a
style="color: #ffffff; outline: none"
href="/excel/转码导入模板.xlsx"
download
><i class="el-icon-download mr-4" />模板下载</a
>
</el-button>
说明
herf就是你的文件存放地址
style="color: #ffffff; outline: none"
style作用分别是设置a标签字体颜色为白色,点击以后不出现虚线边框
在css中,outline指的是设置元素轮廓的属性,可以指定元素轮廓的样式、颜色和宽度
image.png
image.png