下載文件有兩種主要方法：使用 window.open() 方法：創建隱藏的 標簽，設置下載屬性，并單擊它以觸發下載。使用第三方庫：如 vue file download、vue download、vue-downloader 等，這些庫提供了更簡單的方法來下載文件。
如何使用 Vue.js 下載文件
下載文件
使用 Vue.js 下載文件有兩種主要方法：
使用 window.open() 方法
使用第三方庫
方法 1：使用 window.open() 方法
此方法可以通過直接在瀏覽器中打開文件來下載文件。
<code class="javascript">// 使用下載屬性創建隱藏的 <a> 標簽
const link = document.createElement('a');
link.href = fileUrl;
link.setAttribute('download', fileName);
link.style.display = 'none';
// 將 </a><a> 標簽添加到 DOM 中
document.body.appendChild(link);
// 單擊 </a><a> 標簽以下載文件
link.click();
// 從 DOM 中刪除 </a><a> 標簽
document.body.removeChild(link);</a></code>
登錄后復制
方法 2：使用第三方庫
有許多 Vue.js 第三方庫可以簡化下載過程，例如：
Vue File Download
Vue Download
Vue-Downloader
這些庫提供了一個更簡單的方法來觸發下載，同時處理文件類型、文件名和進度跟蹤。
示例：使用 Vue File Download
<code class="javascript">import VueFileDownload from 'vue-file-download';
// 在 Vue 實例中使用庫
export default {
methods: {
downloadFile() {
VueFileDownload.downloadFile({
url: fileUrl,
fileName: fileName,
mimeType: fileMimeType
});
}
}
};</code>
登錄后復制
