Vue自定義名稱下載PDF的方法
1.運(yùn)行Vue指令，安裝相對(duì)應(yīng)插件。（在指定的Vue文件下運(yùn)行）
npm install downloadjs
2.其次在項(xiàng)目中引入安裝相對(duì)應(yīng)的插件（不引入是無法使用導(dǎo)入功能的）
import download from "downloadjs";
3.下載方法的具體代碼描述。（下載PDF代碼和自定義名字命名進(jìn)行導(dǎo)出PDF的代碼）
function down() {
var fileName = "自定義文件命名哦"
var url = state.source; //文件來源（URL或者本地文件路徑state.source）
// 請(qǐng)求進(jìn)來，就可以加在loading
fetch(url).then(res => {
return res.blob()
}).then(blob => {
// 這是一個(gè)外部引用的download.js文件，這個(gè)文件
download(blob, fileName)
// 下載結(jié)束，loading結(jié)束
}).catch(err => {
console.log(err)
return false
}).finally(res => {
// 這里也可以結(jié)束loading。不管是成功失敗，都會(huì)結(jié)束loading
return true
})
}總結(jié)（直接復(fù)制整體根據(jù)直接代碼環(huán)境和框架微微修改一下即可完成）：
<template>
<button @click="down">當(dāng)前文檔導(dǎo)出</button>
</template>
<script setup lang="ts">
import download from "downloadjs";
// 下載PDF區(qū)域
function down() {
var fileName = "自定義文件命名哦"
var url = state.source; //文件來源（URL或者本地文件路徑）
// 請(qǐng)求進(jìn)來，就可以加在loading
fetch(url).then(res => {
return res.blob()
}).then(blob => {
// 這是一個(gè)外部引用的download.js文件，這個(gè)文件
download(blob, fileName)
// 下載結(jié)束，loading結(jié)束
}).catch(err => {
console.log(err)
return false
}).finally(res => {
// 這里也可以結(jié)束loading。不管是成功失敗，都會(huì)結(jié)束loading
return true
})
}
</script>獲取文章流量推薦曝光度隨便胡說八道兩句
vue3.0帶來了什么
1.性能的提升 打包大小減少41%初次渲染快55%,更新渲染塊133%內(nèi)存減少54%........
2.源碼的升級(jí) 使用Proxy代替defineProperty實(shí)現(xiàn)響應(yīng)式重寫虛擬DOM的實(shí)現(xiàn)和Tree-Sharking......
3.擁抱TypeScript vue3.0更好的支持TypeScript
4.新的特性
Composition API(組合api)
。 setup配置
。ref與reactive
。watch與watchEffect
。 provide和inject
。 .......
新的內(nèi)置組件
。 Fragment
。Teleport
。Suspense
其他改變
。新的生命周期鉤子
。data選項(xiàng)應(yīng)始終被聲明為一個(gè)函數(shù)
。移除keyCode支持作為v-on的修飾符
到此這篇關(guān)于Vue自定義名稱下載PDF的文章就介紹到這了,更多相關(guān)Vue自定義名稱內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
解決vue-photo-preview 異步圖片放大失效的問題
這篇文章主要介紹了解決vue-photo-preview 異步圖片放大失效的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Vue.js如何優(yōu)雅的進(jìn)行form validation
Vue.js如何優(yōu)雅的進(jìn)行form validation，針對(duì)此問題，給出了多個(gè)網(wǎng)友的回答，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
vue路由守衛(wèi)+登錄態(tài)管理實(shí)例分析
這篇文章主要介紹了vue路由守衛(wèi)+登錄態(tài)管理,結(jié)合實(shí)例形式分析了vue路由守衛(wèi)與登錄態(tài)管理相關(guān)操作步驟與實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-05-05
vue使用threeJs導(dǎo)入obj模型并實(shí)現(xiàn)添加標(biāo)注
這篇文章主要介紹了vue使用threeJs導(dǎo)入obj模型并實(shí)現(xiàn)添加標(biāo)注方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
vue3.0自定義指令（drectives)知識(shí)點(diǎn)總結(jié)
在本篇文章里小編給大家整體了一篇關(guān)于vue3.0自定義指令（drectives)知識(shí)點(diǎn)總結(jié)，有興趣的朋友們可以學(xué)習(xí)下。2020-12-12
vue項(xiàng)目實(shí)現(xiàn)m3u8流媒體播放詳細(xì)圖文教程
m3u8是一種常用的視頻流媒體格式,通常用于在Web上播放視頻,這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目實(shí)現(xiàn)m3u8流媒體播放的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
淺談在vue項(xiàng)目中如何定義全局變量和全局函數(shù)
本篇文章主要介紹了淺談在vue項(xiàng)目中如何定義全局變量和全局函數(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
解決vue項(xiàng)目跳轉(zhuǎn)同樣的頁(yè)面不刷新的問題思路詳解
做公司官網(wǎng)項(xiàng)目的時(shí)候遇到的場(chǎng)景,頂部導(dǎo)航欄分類商品跳轉(zhuǎn)到分類詳情,然后在分類詳情再次點(diǎn)擊頂部導(dǎo)航欄里另外的分類商品,跳到同樣的頁(yè)面數(shù)據(jù)不刷新,下面小編給大家分享解決方式,關(guān)于vue跳轉(zhuǎn)不刷新問題感興趣的朋友一起看看吧2023-09-09
Console 對(duì)象提供了瀏覽器控制臺(tái)調(diào)試的接口。在不同宿主環(huán)境上它的工作方式可能不一樣，但通常都會(huì)提供一套共性的功能，本文主要總結(jié)了Console的一些高級(jí)用法，感興趣的小伙伴可以參考一下2023-04-04
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)滑動(dòng)解鎖功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03