当前位置 主页 > 网站技术 > 代码类 >

    vue实现点击按钮下载文件功能

    栏目:代码类 时间:2019-10-29 18:02

    在这里插入图片描述

    项目中需要用到文件下载功能,查了资料发现需要用到a标签的特性,但是这边需要用到点击按钮下载,懒得写样式,于是用了以下代码.

    <div class="btns">
     	<el-button size="mini" type="primary" @click="$router.push(`/portal/${item.id}/detail`)">查看软件</el-button>
      <el-link target="_blank" :href="item.sourceUrl | filterUrl" :underline="false" >
        <el-button size="mini" type="warning">软件下载</el-button>
      </el-link>
    </div>

    在el-button的外面套了一层el-link,如下图,可以正常下载

    在这里插入图片描述

    以下是el-link文字链接的属性


    在这里插入图片描述

    总结

    以上所述是小编给大家介绍的vue实现点击按钮下载文件功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对IIS7站长之家网站的支持!
    如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!