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

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

作者: 扶得一人醉如苏沐晨 | 来源:发表于2022-11-10 17:46 被阅读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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/kyratdtx.html