Vue实现 下载本地Excel文件

1.首先在src下创建 static ( 文件夹名称不可修改 ) 文件夹

2.在将下载的excel文件放入static文件夹中

3.给按钮绑定事件,并创建元素用于下载excel文件

 代码如下:

downExcel() {
	let a = document.createElement('a') // 创建a标签
	a.href = '../../static/locationTemplate.xlsx' // 文件路径
	a.download = 'locationTemplate.xlsx' // 文件名称
	a.style.display = 'none' // 隐藏a标签
	document.body.appendChild(a)
    // 定时器(可选)
	setTimeout(() => {
	a.click() // 模拟点击(要加)
	document.removeChild(a) //删除元素(要加)
	setTimeout(() => {
		self.URL.revokeObjectURL(a.href) // 用来释放文件路径(可选)
	}, 200)
	    }, 66)
	}

备注:有时下载会现实“找不到文件” , 表示文件路径不对 重新输入文件文件即可

  • 2
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值