? ?<a
? ? ? ?@click="downloadFile(file.url,file.originalFilename, file.id, file.fileTye)"
? ? ?>下載</a>
// 參數(shù)分別是：文件的路徑 文件的名字 文件的id 文件的類型

? downloadFile(url, fileName, flieId, type) {
? ? ?let link = document.createElement('a');
? ? ?link.style.display = 'none';
? ? ?link.href = baseUrl + '/xxx/xxx/xxx?flieId=' + flieId;
? ? ?document.body.appendChild(link);
? ? ?link.click();
? ?},

<a :href='"/user/downloadExcel"' >下載模板</a>

//另一種情況是創(chuàng)建div標(biāo)簽，動態(tài)創(chuàng)建a標(biāo)簽：
<div name="downloadfile" "downloadExcel()">下載</div>
function downloadExcel() {
? ? let a = document.createElement('a')
? ? a.href ="/xxx/xxx"
? ? a.click();
}?

? downloadFile() {
? ? window.open(
? ? ? baseUrl + '/xxx/xxx/xxx/getTemplate?templateCode=manual_pc',
? ? ? '_self'
? ? );
? },

<el-button ?size="mini" @click="handleExport(scope.row)">導(dǎo)出</el-button>
//method方法：
handleExport(row) {
? ? ? var elemIF = document.createElement('iframe')
? ? ? elemIF.src = 'user/downloadExcel?snapshotTime=' + formatDate(new Date(row.snapshotTime), 'yyyy-MM-dd hh:mm') +
? ? ? ? ? ? ? ? ? ? '&category=' + row.category?
? ? ? elemIF.style.display = 'none'
? ? ? document.body.appendChild(elemIF)
? ? }

<a @click="downloadFile(file.name, file.url)" >下載</a>
?
/* 第一個參數(shù)是文件的名字，第二個參數(shù)是文件的路徑*/
?
downloadFile(fileName, fileUrl) {
? ? ? if (!fileUrl) {
? ? ? ? return;
? ? ? }
? ? ? let url = window.URL.createObjectURL(new Blob([fileUrl]));
? ? ? let link = document.createElement('a');
? ? ? link.style.display = 'none';
? ? ? link.href = url;
? ? ? link.setAttribute('download', fileName);
? ? ? document.body.appendChild(link);
? ? ? link.click();
? ? }

<a :href="src" rel="external nofollow"  download="name"/>?

function downloadPost (config){
? return new Promise((resolve,reject) => {
? ? axios({
? ? ? ? url: config.url,// 請求地址
? ? ? ? method: 'post',
? ? ? ? data: config.data,// 參數(shù)
? ? ? ? responseType: 'blob'// 表明返回服務(wù)器返回的數(shù)據(jù)類型
? ? }).then(res => {
? ? ? resolve(res)
? ? }).catch(err=>{
? ? ? reject(err);
? ? });
? });
}