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
上一篇下一篇

猜你喜欢

热点阅读