欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue實現(xiàn)word,pdf文件的導(dǎo)出功能

 更新時間:2018年07月31日 10:19:21   作者:晏紫蘇_cc  
這篇文章給大家介紹了vue實現(xiàn)word或pdf文檔導(dǎo)出的功能,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友參考下吧

vue實現(xiàn)word或pdf文檔導(dǎo)出的功能,我的項目是:后端返回一個文檔流(下圖),然后前端對文檔流做處理進行下載,代碼如下:

import axios from 'axios';
    axios.get(`url`, { //url: 接口地址
responseType: `arraybuffer` //一定要寫
})
.then(res => {
if(res.status == 200){
let blob = new Blob([res.data], {
type: `application/msword` //word文檔為msword,pdf文檔為pdf
});
let objectUrl = URL.createObjectURL(blob);
let link = document.createElement("a");
let fname = `我的文檔`; //下載文件的名字
link.href = objectUrl;
link.setAttribute("download", fname);
document.body.appendChild(link);
link.click();
}else {
this.$message({
type: "error",
message: "導(dǎo)出失敗"
})
}
});

后端返回的文檔流的格式:

PDF格式:

word格式:

總結(jié)

以上所述是小編給大家介紹的vue實現(xiàn)word,pdf文件的導(dǎo)出功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • 從0到1搭建Element的后臺框架的方法步驟

    從0到1搭建Element的后臺框架的方法步驟

    這篇文章主要介紹了從0到1搭建Element的后臺框架的方法步驟,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-04-04
  • Vue3+TypeScript報錯:無法找到模塊xx的聲明文件問題

    Vue3+TypeScript報錯:無法找到模塊xx的聲明文件問題

    這篇文章主要介紹了Vue3+TypeScript報錯:無法找到模塊xx的聲明文件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-11-11
  • vue中插槽(slot)幾種類型的使用方法

    vue中插槽(slot)幾種類型的使用方法

    本文主要介紹了vue中插槽(slot)幾種類型的使用方法,主要分三種,默認插槽,具名插槽,作用域插槽,下面就來一起介紹一下,感興趣的可以了解一下
    2024-03-03
  • vue監(jiān)聽路由變化時watch方法會執(zhí)行多次的原因及解決

    vue監(jiān)聽路由變化時watch方法會執(zhí)行多次的原因及解決

    這篇文章主要介紹了vue監(jiān)聽路由變化時watch方法會執(zhí)行多次的原因及解決,幫助大家更好的理解和學(xué)習(xí)使用vue框架,感興趣的朋友可以了解下
    2021-04-04
  • Vue之vue.$set()方法源碼案例詳解

    Vue之vue.$set()方法源碼案例詳解

    這篇文章主要介紹了Vue之vue.$set()方法源碼案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下
    2021-08-08
  • Vue3.0在組件外使用VueI18n的情況

    Vue3.0在組件外使用VueI18n的情況

    這篇文章主要介紹了Vue3.0在組件外使用VueI18n的情況,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • 詳解vue表單——小白速看

    詳解vue表單——小白速看

    大家可以用 v-model 指令在表單控件元素上創(chuàng)建雙向數(shù)據(jù)綁定。這篇文章主要介紹了vue表單詳解,需要的朋友可以參考下
    2018-04-04
  • Element Timeline時間線的實現(xiàn)

    Element Timeline時間線的實現(xiàn)

    本文主要介紹了Element Timeline時間線的實現(xiàn),文中通過示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-10-10
  • 詳解在vue中如何實現(xiàn)屏幕錄制與直播推流功能

    詳解在vue中如何實現(xiàn)屏幕錄制與直播推流功能

    屏幕錄制和直播推流是現(xiàn)代Web應(yīng)用中常用的功能,Vue作為一種流行的JavaScript框架,提供了一些工具和庫,可以方便地實現(xiàn)屏幕錄制和直播推流功能,本文將介紹如何在Vue中進行屏幕錄制和直播推流,需要的朋友可以參考下
    2024-01-01
  • vue簡單實現(xiàn)轉(zhuǎn)盤抽獎

    vue簡單實現(xiàn)轉(zhuǎn)盤抽獎

    這篇文章主要為大家詳細介紹了vue簡單實現(xiàn)轉(zhuǎn)盤抽獎,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-03-03

最新評論