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

时间：2022-10-16 11:24:53|栏目：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,如下图,可以正常下载

在这里插入图片描述

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

在这里插入图片描述

总结

上一篇：element-ui tooltip修改背景颜色和箭头颜色的实现

栏目：vue

下一篇：没有了

本文标题：vue实现点击按钮下载文件功能

本文地址：http://www.codeinn.net/misctech/216522.html

更多vue

vue

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

阅读排行

推荐教程