這篇“在vue中通過a下載exe文件的方法”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要參考一下，對(duì)于“在vue中通過a下載exe文件的方法”，小編整理了以下知識(shí)點(diǎn)，請(qǐng)大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進(jìn)入主題吧。

在新晃等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)制作按需求定制設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,全網(wǎng)營(yíng)銷推廣,外貿(mào)網(wǎng)站制作,新晃網(wǎng)站建設(shè)費(fèi)用合理。

Vue的優(yōu)點(diǎn)

Vue具體輕量級(jí)框架、簡(jiǎn)單易學(xué)、雙向數(shù)據(jù)綁定、組件化、數(shù)據(jù)和結(jié)構(gòu)的分離、虛擬DOM、運(yùn)行速度快等優(yōu)勢(shì)，Vue中頁面使用的是局部刷新，不用每次跳轉(zhuǎn)頁面都要請(qǐng)求所有數(shù)據(jù)和dom，可以大大提升訪問速度和用戶體驗(yàn)。

在vue中通過a下載exe文件方法一：

注意:如果下載的文件放在本地目錄下，一定要將模板文件放到public目錄下，否則由于權(quán)限問題找不到文件

路徑：項(xiàng)目更目錄--》public--》tpls--》下載模板.xls

1.1直接使用a標(biāo)簽+download屬性

<a:href="downUrl"target="_blank":download="downNm">下載{{downTplNm}}模板</a>
　　1.2定義文件下載地址和文件名
　　methods:{
　　type2Obj:function(type){
　　switch(type){
　　case:'wl':
　　this.downTplNm="白名單",
　　this.downUrl="../tpls/白名單模板.xls",
　　this.downNm="白名單模板.xls"
　　}
　　}
　　}

在vue中通過a下載exe文件方法二：

有時(shí)候我們需要將文件下載下來而不是直接打開，使用方法一可以實(shí)現(xiàn)部分文件下載，但是圖片或者PDF等類似文件就會(huì)直接打開，這是瀏覽器默認(rèn)的行為，有沒有方法阻止這種默認(rèn)的行為，點(diǎn)擊a標(biāo)簽的鏈接執(zhí)行的都是下載行為呢？另外Chrome對(duì)跨域下載文件的支持并不友好，這里提供了一個(gè)有效的解決方案：

2.1使用a標(biāo)簽綁定事件

下載{{downTplNm}}模板</a>

2.2定義下載方法

避免CORS問題的一種方法是通過XHR請(qǐng)求獲取文件并將文件作為blob，這里使用了axios，但是你可使用你想要的任何lib

importAxiosfrom'axios'
　　methods:{
　　downloadItem(url){
　　Axios.get(url,{responseType:'blob'})
　　.then(({data})=>{
　　//為了簡(jiǎn)單起見這里blob的mime類型固定寫死了
　　letblob=newBlob([data],{type:'application/vnd.ms-excel'})
　　letlink=document.createElement('a')
　　link.href=window.URL.createObjectURL(blob)
　　link.download=url.split('/').pop()
　　link.click()
　　.catch(error=>{
　　console.error(error)
　　})
　　})
　　}
　　}

以上是“在vue中通過a下載exe文件的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：在vue中通過a下載exe文件的方法-創(chuàng)新互聯(lián)
網(wǎng)頁鏈接：http://www.rwnh.cn/article20/jojjo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、手機(jī)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、標(biāo)簽優(yōu)化、小程序開發(fā)、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)