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

首先查看您的脚手架版本

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