如何使用 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>
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。