vue实现点击按钮下载文件功能_vue项目实现附件下载 - CSDN文库

84 浏览量更新于2023-05-03 评论收藏 156KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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%20|%20filterUrl" :underline="false" style="margin-left:15px">

<el-button size="mini" type="warning">软件下载</el-button>

</el-link>

</div>

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

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

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论0

weixin_38636763

粉丝: 8
资源: 961

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈