vue下载文件

一、templent模板中使用el-link组件

  
    模板下载
    
  

参数：

href：下载的地址
underline：去除下划线

二、在data中定义模板中需要的属性

data() {
  return {
    downloadExcelPro: process.env.VUE_APP_BASE_API + '/model/excel/downloadExcelPro', //下载模板的地址
  }
}

============================================================

第一种方法如果不管用，使用第二种方法：

getExportData(){
  this.$confirm('是否确认导出所有数据?', "警告", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning"
  }).then(function () {
    return getExport();
  }).then(response => {
    this.download(response.msg);
  }).catch(function () { });
}

getExportData() ==========下载按钮的点击事件
getExport() ==========下载文件的请求地址（axios）
只要改这两个就可以下载了

---

本文只作为个人学习记录......