Element VUE实现前端本地下载Excel模板
生活随笔
收集整理的這篇文章主要介紹了
Element VUE实现前端本地下载Excel模板
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
首先 前端下載涉及到@vue/cli 版本的問題,不同的版本模板文件存放位置和下載路徑不同。
1.我使用的是IDEA,在前端項(xiàng)目的終端中,輸入vue -V查詢@vue/cli 版本,我的是@vue/cli 4.4.6版本。
2.cli4.0版本,把文件保存在src文件夾同目錄下的public目錄下,
?3.前端代碼編輯,我遇到的問題,原來我直接使用 Element的標(biāo)簽 el-link,直接填寫
href="/static/VocsUploadData.xlsx",但是該路徑無效,404找不到文件4.成功實(shí)現(xiàn)功能的代碼
<el-link type="primary" :underline="false"><a target="_blank" href="/static/VocsUploadData.xlsx" download="數(shù)據(jù)上傳模板">下載模板</a> </el-link>總結(jié)
以上是生活随笔為你收集整理的Element VUE实现前端本地下载Excel模板的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 运维监控之EMC存储监控及其系列产品
- 下一篇: Objective-C实现Mac终端日历