vue實(shí)現(xiàn)點(diǎn)擊按鈕下載文件功能
更新時(shí)間：2019年10月11日 15:44:09 作者：sun shying
這篇文章主要介紹了vue中點(diǎn)擊按鈕下載文件，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
項(xiàng)目中需要用到文件下載功能,查了資料發(fā)現(xiàn)需要用到a標(biāo)簽的特性,但是這邊需要用到點(diǎn)擊按鈕下載,懶得寫樣式,于是用了以下代碼.
<div class="btns">
<el-button size="mini" type="primary" @click="$router.push(`/portal/${item.id}/detail`)">查看軟件</el-button>
<el-link target="_blank" :href="item.sourceUrl | filterUrl" :underline="false" style="margin-left:15px">
<el-button size="mini" type="warning">軟件下載</el-button>
</el-link>
</div>
在el-button的外面套了一層el-link,如下圖,可以正常下載
以下是el-link文字鏈接的屬性
總結(jié)
以上所述是小編給大家介紹的vue實(shí)現(xiàn)點(diǎn)擊按鈕下載文件功能,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
這篇文章主要介紹了Vue3自定義Echars組件附帶全局配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
vue+django實(shí)現(xiàn)下載文件的示例
這篇文章主要介紹了vue+django實(shí)現(xiàn)下載文件的示例，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-03-03
vue2+elementui進(jìn)行hover提示的使用
本文主要介紹了vue2+elementui進(jìn)行hover提示的使用，主要分為外部和內(nèi)部，具有一定的參考價(jià)值，感興趣的可以了解一下2021-11-11
這篇文章主要介紹了vue?組件通信的幾種方式,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-03-03
vue+element-plus上傳圖片及回顯問(wèn)題及數(shù)量限制
本文主要介紹了vue+element-plus上傳圖片及回顯問(wèn)題及數(shù)量限制，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
淺談Vue內(nèi)置component組件的應(yīng)用場(chǎng)景
這篇文章主要介紹了淺談Vue內(nèi)置component組件的應(yīng)用場(chǎng)景，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
vue和H5 draggable實(shí)現(xiàn)拖拽并替換效果
這篇文章主要為大家詳細(xì)介紹了vue和H5 draggable實(shí)現(xiàn)拖拽并替換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要介紹了vue 如何使用遞歸組件，幫助大家更好的理解和使用vue，完成開(kāi)發(fā)需求，感興趣的朋友可以了解下2020-10-10
vue實(shí)現(xiàn)頂部左右滑動(dòng)導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)頂部左右滑動(dòng)導(dǎo)航，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
Vue實(shí)現(xiàn)動(dòng)態(tài)查詢規(guī)則生成組件
今天我們來(lái)給大家介紹下在Vue開(kāi)發(fā)中我們經(jīng)常會(huì)碰到的一種需求場(chǎng)景，本文主要介紹了Vue動(dòng)態(tài)查詢規(guī)則生成組件，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05