vue3 通过文件地址下载文件
时间: 2024-05-14 21:11:32 浏览: 298
vue-以文件流-blob-的形式-下载-导出文件操作
5星 · 资源好评率100%
Vue3 本身并没有提供下载文件的功能,但是我们可以利用浏览器的下载机制来实现文件下载。
具体实现方式如下:
1. 在 Vue3 中定义一个方法,用于触发下载操作。比如:
```javascript
downloadFile(url) {
const link = document.createElement('a')
link.href = url
link.download = 'file'
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
}
```
2. 在组件中调用该方法,并传入文件的 URL。
```javascript
this.downloadFile('https://example.com/file.pdf')
```
这样,当用户点击下载按钮时,浏览器会自动弹出下载对话框并下载文件。
阅读全文