vue项目本地保存文件并提供用户下载(支持多种文件类型.doc .xls .pdf等)

首先查看您的脚手架版本

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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容