vue中点击按钮下载文件的实现方式

<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" rel="external nofollow"  :underline="false" style="margin-left:15px">
        <el-button size="mini" type="warning">软件下载</el-button>
    </el-link>
</div>

handLoad(uid){   //handload可以绑到下载按钮上,点击按钮时调用此方法
	//此方法根据自己项目来的,getFileInfoByUid是项目接口,根据项目自行调整
    getFileInfoByUid(uid).then(res=>{
    	//res就是上图的返回值,然后调用下面的download方法
        this.download(res.name,res.originalPath)
    })        
},
download(name,url){
   const ele = document.createElement('a');
   ele.setAttribute('href', this.$options.filters['filterUrl'](url));
     //this.$options.filters['filterUrl']是调用全局过滤器,filterUrl是你自己项目main.js里面定义的过滤器
   ele.setAttribute('download',name);
   ele.style.display = 'none';
   document.body.appendChild(ele);
   ele.click();
   document.body.removeChild(ele);
},