一、templent模板中使用el-link组件
<div class="right">
<el-link :href="downloadExcelPro" :underline="false">
<el-button
type="text"
icon="el-icon-download"
size="mini">模板下载
</el-button>
</el-link>
</div>
参数:
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)
只要改这两个就可以下载了
本文只作为个人学习记录......