最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue自定義名稱下載PDF的方法

 更新時(shí)間:2022年08月20日 14:58:33   作者:程序研  
這篇文章主要介紹了Vue自定義名稱下載PDF,本文通過示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

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

npm install downloadjs 

2.其次在項(xiàng)目中引入安裝相對應(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)
    // 請求進(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或者本地文件路徑)
 
    // 請求進(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.源碼的升級 使用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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 解決vue-photo-preview 異步圖片放大失效的問題

    解決vue-photo-preview 異步圖片放大失效的問題

    這篇文章主要介紹了解決vue-photo-preview 異步圖片放大失效的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-07-07
  • Vue.js如何優(yōu)雅的進(jìn)行form validation

    Vue.js如何優(yōu)雅的進(jìn)行form validation

    Vue.js如何優(yōu)雅的進(jìn)行form validation,針對此問題,給出了多個(gè)網(wǎng)友的回答,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-04-04
  • vue路由守衛(wèi)+登錄態(tài)管理實(shí)例分析

    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)注

    這篇文章主要介紹了vue使用threeJs導(dǎo)入obj模型并實(shí)現(xiàn)添加標(biāo)注方式,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-05-05
  • vue3.0自定義指令(drectives)知識點(diǎn)總結(jié)

    vue3.0自定義指令(drectives)知識點(diǎn)總結(jié)

    在本篇文章里小編給大家整體了一篇關(guān)于vue3.0自定義指令(drectives)知識點(diǎn)總結(jié),有興趣的朋友們可以學(xué)習(xí)下。
    2020-12-12
  • vue項(xiàng)目實(shí)現(xiàn)m3u8流媒體播放詳細(xì)圖文教程

    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ù)

    本篇文章主要介紹了淺談在vue項(xiàng)目中如何定義全局變量和全局函數(shù),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-10-10
  • 解決vue項(xiàng)目跳轉(zhuǎn)同樣的頁面不刷新的問題思路詳解

    解決vue項(xiàng)目跳轉(zhuǎn)同樣的頁面不刷新的問題思路詳解

    做公司官網(wǎng)項(xiàng)目的時(shí)候遇到的場景,頂部導(dǎo)航欄分類商品跳轉(zhuǎn)到分類詳情,然后在分類詳情再次點(diǎn)擊頂部導(dǎo)航欄里另外的分類商品,跳到同樣的頁面數(shù)據(jù)不刷新,下面小編給大家分享解決方式,關(guān)于vue跳轉(zhuǎn)不刷新問題感興趣的朋友一起看看吧
    2023-09-09
  • Console高級用法總結(jié)

    Console高級用法總結(jié)

    Console 對象提供了瀏覽器控制臺調(diào)試的接口。在不同宿主環(huán)境上它的工作方式可能不一樣,但通常都會(huì)提供一套共性的功能,本文主要總結(jié)了Console的一些高級用法,感興趣的小伙伴可以參考一下
    2023-04-04
  • vue實(shí)現(xiàn)滑動(dòng)解鎖功能

    vue實(shí)現(xiàn)滑動(dòng)解鎖功能

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)滑動(dòng)解鎖功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-03-03

最新評論

宜都市| 呼和浩特市| 静乐县| 泰顺县| 洞口县| 文昌市| 宜宾县| 沙湾县| 昂仁县| 井研县| 长治市| 威宁| 佛教| 洞口县| 泾阳县| 达州市| 隆回县| 东台市| 广水市| 娄烦县| 池州市| 固阳县| 平顶山市| 新化县| 土默特左旗| 巧家县| 宁波市| 陆良县| 贵德县| 安宁市| 沾益县| 宾阳县| 汝州市| 新闻| 天等县| 沁水县| 宜黄县| 五大连池市| 昌图县| 黄龙县| 清镇市|