应用场景:
项目中存储了相应的文件模板,实现点击下载到本地使用。
功能代码:
resetEdits(){
// 创建一个隐藏的<a>标签
const link = document.createElement('a')
link.style.display = 'none'
document.body.appendChild(link)
// 设置文件的 URL 和名称
link.setAttribute('download', '测试模板.xls')
link.setAttribute('href', `/static/template/测试模板.xls?t=${Date.now()}`)
// 模拟点击链接进行下载
link.click()
// 移除创建的<a>标签
document.body.removeChild(link)
},
也可以:
resetEdits () {
const url = `/static/template/测试模板.xlsx?t=${Date.now()}`
window.open(url)
}
要点:
注意:引用路径必须使用英文,防止打包引用地址错乱导致下载失败。
如果是在Vue中使用,Excel文件一般放在static文件夹中。
在Vue 2.0版本中,static文件夹与src文件同级。
在Vue 3.0版本中,static文件夹需要放在public文件目录下。