vue 在线下载文件 自定义文件名
时间: 2023-11-09 16:05:02 浏览: 93
Vue-Vben-Admin - 自定义上传excel文件弹框组件
Vue.js本身并不提供下载文件的功能,但是可以借助浏览器的下载功能实现。
以下是一种实现方式:
1.定义一个方法来触发下载:
```
downloadFile(url, name) {
const link = document.createElement('a')
link.href = url
link.download = name
document.body.appendChild(link)
link.click()
document.body.removeChild(link)
}
```
2.在需要下载文件的地方调用该方法:
```
this.downloadFile('http://example.com/file.pdf', 'custom-name.pdf')
```
其中,第一个参数是文件的 URL,第二个参数是自定义的文件名。在点击下载链接时,浏览器会将该文件下载到本地,并以自定义的文件名保存。
阅读全文