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

vue?下載文檔亂碼的解決

 更新時間:2022年04月28日 14:10:50   作者:前端裝酷大神哥  
這篇文章主要介紹了vue?下載文檔亂碼的解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

vue下載文檔亂碼

最近寫功能 vue導出,但是不知道為啥,一請求接口就是亂碼

后來在接口里寫上了 這句話 responseType:“blob”,

能下載了趕快高興打開一看 日,下載下來的文件里面又是亂碼

后來不停的琢磨,咦終于找到方法了

這里面加了一句話 終于成功了!

我給大家把代碼貼上

 exportAccountApi(data).then(res=>{
        console.log('777666',res)
        const blob = new Blob([res],{type: "application/vnd.ms-excel"});
        let fileName = "存款記錄明細.xls";
         if ("download" in document.createElement("a")) {
           const elink  = document.createElement("a");
           elink.download =fileName;
           elink.style.display = "none";
           elink.href = URL.createObjectURL(blob);
          document.body.appendChild(elink);
           elink.click();
           URL.revokeObjectURL(elink.href);
           document.body.removeChild(elink);
         }else{
           navigator.msSaveBlob(blob.fileName)
         } 
      })

文件下載返回亂碼處理 vue+axios

后端返回數據流是亂碼,可以使用new Blob()這個方法處理,可以解決亂碼問題。

亂碼返回結果如下:

解決方法

    async postClick() {
      const res = await axios({
        url: '后端接口',
        method: 'post',
        data: { id: '文件id' }
        responseType: 'blob'
      })
      const content = res.data
      const fileName = 'a.png' // 文件名稱
      // 如果不確定文件類型,type可以寫空字符串
      const bolb = new Blob([content], { type: '' })
      if ('download' in document.createElement('a')) {
        const link = document.createElement('a')
        link.download = fileName
        link.style.display = 'none'
        // URL.createObjectURL(bolb) = blob:http://localhost:8080/a34a8a20-acf2-3f21-bc22-45994d9f0290
        link.href = URL.createObjectURL(bolb)
        document.body.appendChild(link)
        link.click()
        URL.revokeObjectURL(link.href)
        document.body.removeChild(link)
      }
    }

以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • Ant?Design?Vue中的table與pagination的聯合使用方式

    Ant?Design?Vue中的table與pagination的聯合使用方式

    這篇文章主要介紹了Ant?Design?Vue中的table與pagination的聯合使用方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • Vue實現表格數據的增刪改查的示例代碼

    Vue實現表格數據的增刪改查的示例代碼

    Vue是一個用于構建用戶界面的JavaScript框架,在Vue中可以通過使用Vue組件來實現對表格的增刪改查操作,下面將介紹一些基礎的Vue組件和技術來實現對表格的增刪改查操作,需要的朋友可以參考下
    2024-08-08
  • Vue實現動態(tài)樣式的多種方法匯總

    Vue實現動態(tài)樣式的多種方法匯總

    本文要給大家介紹Vue實現動態(tài)樣式的多種方法,下面給大家?guī)韼讉€案列,需要的朋友可以借鑒研究一下。
    2021-06-06
  • 一文帶你搞懂Vue3.5的響應式重構

    一文帶你搞懂Vue3.5的響應式重構

    在Vue3.5版本中最大的改動就是響應式重構,重構后性能竟然炸裂的提升了56%,本文我們來講講使用雙向鏈表后,Vue內部是如何實現依賴收集和依賴觸發(fā)的,感興趣的可以了解下
    2024-11-11
  • vue實現倒計時功能

    vue實現倒計時功能

    這篇文章主要為大家詳細介紹了vue實現倒計時功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-03-03
  • Element的el-tree控件后臺數據結構的生成以及方法的抽取

    Element的el-tree控件后臺數據結構的生成以及方法的抽取

    這篇文章主要介紹了Element的el-tree控件后臺數據結構的生成以及方法的抽取,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2020-03-03
  • 使用vue-router設置每個頁面的title方法

    使用vue-router設置每個頁面的title方法

    下面小編就為大家分享一篇使用vue-router設置每個頁面的title方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • vue踩坑記錄之src的動態(tài)綁定賦值問題

    vue踩坑記錄之src的動態(tài)綁定賦值問題

    這篇文章主要介紹了vue踩坑記錄之src的動態(tài)綁定賦值問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-06-06
  • 在Vue3中為路由Query參數標注類型的方法

    在Vue3中為路由Query參數標注類型的方法

    這篇文章主要介紹了在Vue3中如何為路由Query參數標注類型,我們就針對這個話題如何為路由Query參數標注類型為例,看看Composable和IOC容器的代碼風格究竟有什么不同,需要的朋友可以參考下
    2024-08-08
  • vue 添加和編輯用同一個表單,el-form表單提交后清空表單數據操作

    vue 添加和編輯用同一個表單,el-form表單提交后清空表單數據操作

    這篇文章主要介紹了vue 添加和編輯用同一個表單,el-form表單提交后清空表單數據操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-08-08

最新評論

通辽市| 同江市| 龙南县| 资溪县| 泗水县| 桐梓县| 锦州市| 麟游县| 邯郸市| 翁源县| 砚山县| 积石山| 开鲁县| 上蔡县| 维西| 石棉县| 斗六市| 原平市| 长宁区| 南平市| 苍南县| 娄烦县| 阜新市| 临清市| 中卫市| 兴安县| 安福县| 闽清县| 湘阴县| 西和县| 灵台县| 黑水县| 古田县| 大同县| 陈巴尔虎旗| 当阳市| 泉州市| 厦门市| 金堂县| 万年县| 大安市|