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


Posted in Javascript onOctober 11, 2019

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

项目中需要用到文件下载功能,查了资料发现需要用到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" style="margin-left:15px">
    <el-button size="mini" type="warning">软件下载</el-button>
  </el-link>
</div>

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

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

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

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

总结

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

Javascript 相关文章推荐
javascript中用星号表示预录入内容的实现代码
Jan 08 Javascript
getJSON调用后台json数据时函数被调用两次的原因猜想
Sep 29 Javascript
Javascript:为input设置readOnly属性(示例讲解)
Dec 25 Javascript
收集json解析的四种方法分享
Jan 17 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
Apr 30 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
Aug 27 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
Aug 01 Javascript
9102了,你还不会移动端真机调试吗
Mar 25 Javascript
微信小程序中使用Async-await方法异步请求变为同步请求方法
Mar 28 Javascript
vue 实现websocket发送消息并实时接收消息
Dec 09 Javascript
JS严格模式原理与用法实例分析
Apr 27 Javascript
vue+echarts实现动态折线图的方法与注意
Sep 01 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
Oct 11 #Javascript
详解vue 自定义组件使用v-model 及探究其中原理
Oct 11 #Javascript
JsonProperty 的使用方法详解
Oct 11 #Javascript
vue element upload组件 file-list的动态绑定实现
Oct 11 #Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
Oct 11 #Javascript
微信小程序 点击切换样式scroll-view实现代码实例
Oct 11 #Javascript
vue控制多行文字展开收起的实现示例
Oct 11 #Javascript
You might like
PHP控制网页过期时间的代码
2008/09/28 PHP
PHP中的日期加减方法示例
2014/08/21 PHP
PHP 返回13位时间戳的实现代码
2016/05/13 PHP
mouse_on_title.js
2006/08/25 Javascript
用JavaScript获取网页中的js、css、Flash等文件
2006/12/20 Javascript
JavaScript中switch判断容易犯错的一个细节
2014/08/27 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
react路由配置方式详解
2017/08/07 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
2017/08/18 Javascript
vue编译打包本地查看index文件的方法
2018/02/23 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
详解vscode中vue代码颜色插件
2018/10/11 Javascript
js中值引用和地址引用实例分析
2019/06/21 Javascript
Layui 解决表格异步调用后台分页的问题
2019/10/26 Javascript
Vue实现穿梭框效果
2020/09/30 Javascript
Node.js文本文件BOM头的去除方法
2020/11/22 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
使用Python3+PyQT5+Pyserial 实现简单的串口工具方法
2019/02/13 Python
详解Python 切片语法
2019/06/10 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
python如何构建mock接口服务
2021/01/28 Python
matplotlib bar()实现百分比堆积柱状图
2021/02/24 Python
HTML5未来发展趋势
2016/02/01 HTML / CSS
Java servlet面试题
2012/03/04 面试题
多媒体编辑专业毕业生推荐信
2013/11/05 职场文书
大学生个人简历自我评价
2013/11/16 职场文书
小学体育教学反思
2014/01/31 职场文书
小学生综合素质评语
2014/04/23 职场文书
员工趣味活动方案
2014/08/27 职场文书
2014离婚协议书范文两篇
2014/09/15 职场文书
2014最新毕业证代领委托书
2014/09/26 职场文书
神秘岛读书笔记
2015/07/01 职场文书
学会掌握自己命运的十条黄金法则:
2019/08/08 职场文书
带你学习MySQL执行计划
2021/05/31 MySQL
解决Vue+SpringBoot+Shiro跨域问题
2021/06/09 Vue.js