Vue怎么自定義名稱下載PDF

這篇文章主要介紹了Vue怎么自定義名稱下載PDF的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇Vue怎么自定義名稱下載PDF文章都會有所收獲，下面我們一起來看看吧。

1.運行Vue指令，安裝相對應(yīng)插件。（在指定的Vue文件下運行）

npm install downloadjs

2.其次在項目中引入安裝相對應(yīng)的插件（不引入是無法使用導(dǎo)入功能的）

import download from "downloadjs";

3.下載方法的具體代碼描述。（下載PDF代碼和自定義名字命名進行導(dǎo)出PDF的代碼）

function down() {
 
    var fileName = "自定義文件命名哦"
    var url = state.source;   //文件來源（URL或者本地文件路徑state.source）
 
 
    // 請求進來，就可以加在loading
    fetch(url).then(res => {
        return res.blob()
    }).then(blob => {
        // 這是一個外部引用的download.js文件，這個文件
        download(blob, fileName)
        // 下載結(jié)束，loading結(jié)束
    }).catch(err => {
        console.log(err)
        return false
    }).finally(res => {
        // 這里也可以結(jié)束loading。不管是成功失敗，都會結(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或者本地文件路徑）
 
    // 請求進來，就可以加在loading
    fetch(url).then(res => {
        return res.blob()
    }).then(blob => {
        // 這是一個外部引用的download.js文件，這個文件
        download(blob, fileName)
        // 下載結(jié)束，loading結(jié)束
    }).catch(err => {
        console.log(err)
        return false
    }).finally(res => {
        // 這里也可以結(jié)束loading。不管是成功失敗，都會結(jié)束loading
        return true
    })
}
</script>

vue3.0帶來了什么

1.性能的提升 打包大小減少41%初次渲染快55%,更新渲染塊133%內(nèi)存減少54%.

2.源碼的升級 使用Proxy代替defineProperty實現(xiàn)響應(yīng)式重寫虛擬DOM的實現(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選項應(yīng)始終被聲明為一個函數(shù)

。移除keyCode支持作為v-on的修飾符

關(guān)于“Vue怎么自定義名稱下載PDF”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“Vue怎么自定義名稱下載PDF”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。