Bagaimana untuk memuat turun fail dalam vue

Terdapat dua cara utama untuk memuat turun fail: menggunakan kaedah window.open(): buat teg tersembunyi, tetapkan sifat muat turun dan klik padanya untuk mencetuskan muat turun. Gunakan perpustakaan pihak ketiga: seperti Muat Turun Fail Vue, Muat Turun Vue, Muat Turun Vue, dll. Perpustakaan ini menyediakan cara yang lebih mudah untuk memuat turun fail.

Cara memuat turun fail menggunakan Vue.js

Memuat turun fail

Terdapat dua cara utama untuk memuat turun fail menggunakan Vue.js:

>
• code> kaedahwindow.open()方法
• 使用第三方库

方法 1：使用window.open()

Kaedah 1: Gunakan kaedahwindow.open()

// 使用下载属性创建隐藏的  标签 const link = document.createElement('a'); link.href = fileUrl; link.setAttribute('download', fileName); link.style.display = 'none'; // 将  标签添加到 DOM 中 document.body.appendChild(link); // 单击  标签以下载文件 link.click(); // 从 DOM 中删除  标签 document.body.removeChild(link);

import VueFileDownload from 'vue-file-download'; // 在 Vue 实例中使用库 export default { methods: { downloadFile() { VueFileDownload.downloadFile({ url: fileUrl, fileName: fileName, mimeType: fileMimeType }); } } };