Vue+Element-ui实现表格本地导入

表格文件存储在前端

如图，表格文件template.xlsx存储在public下的static文件夹下

注意这里的路径容易报错 a链接下载文件失败的问题(未发现文件） a.href = ‘./static/template.xlsx’ 写的时候不能带public，直接这么写就可以

DownloadTemplate () {
    let a = document.createElement('a')
    a.href = './static/template.xlsx' //不可改动
    a.download = '近期消费统计表.xlsx'
    a.style.display = 'none'
    document.body.appendChild(a)
    a.click()
    a.remove()
  }

本文章参考如下链接 链接: https://blog.csdn.net/pilgrim_121/article/details/130835016 里面还有很多丰富的知识没有写到，请大家自行阅览