摘要:最近項目中需求為在瀏覽器上閱覽格式的文件,之前沒有寫過,隨即上網查閱,發現大家常使用的為兩個插件。不過我遷移到公司項目的時候遇到一個坑,引入這個插件的時候就會報錯,后來查詢資料發現這篇文章,問題才得已解決,感謝作者。
最近項目中需求為在瀏覽器上閱覽PDF格式的文件,之前沒有寫過,隨即上網查閱,發現大家常使用的為兩個插件。
其一是火狐出品的pdf.js,github地址:https://github.com/mozilla/pd...;
其二是PDFObject,額,不太清楚作者,github地址:https://github.com/pipwerks/P...。
前者功能強大,社區活躍,后者是基于jquery封裝出來的插件,要是在vue中混著jquery總感覺怪怪的,所以我選擇了前者。
又看了一下有沒有輪子可用,誒嘿,vue-pdf,github地址:https://github.com/FranckFrei...。看了文檔,可取。
首先下載插件(建議先新建一個demo出來跑,直接擼到開發項目中...出什么幺蛾子...)
// 我使用的是yarn npm的話 npm install vue-pdf --dev yarn add vue-pdf --dev
然后在vue文件中引入使用,建議新建一個vue文件二次封裝
之后就可以愉快的玩耍了。
不過我遷移到公司項目的時候遇到一個坑,引入這個插件的時候就會報錯window is not defined,后來查詢資料發現這篇文章,問題才得已解決,感謝作者。https://blog.csdn.net/u010745...
只需要在webpack中設置如下
module.exports = { // 請忽視這無關的代碼 output: { globalObject: "this" } // 請忽視這無關的代碼 }
以上。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/102283.html
摘要:我使用前端開發框架是有一個打印文檔的需求這個需求最開始是交給后臺但是明顯不切實際因為后臺服務器根本就無法連接打印機所以這個預覽加打印文檔的需求就交到了前端開始我有想過直接打開文件但事實上直接打開文件的表現不太好如果是在的環境下會直接下載文件 我使用前端開發框架是vue,有一個打印PDF文檔的需求.這個需求最開始是交給后臺,但是明顯不切實際, 因為后臺服務器,根本就無法連接打印機.所以這...
閱讀 1891·2021-11-24 09:39
閱讀 2535·2021-10-14 09:43
閱讀 3318·2021-10-08 10:10
閱讀 2266·2021-09-22 15:54
閱讀 2340·2019-08-29 17:20
閱讀 1574·2019-08-28 18:14
閱讀 2374·2019-08-26 13:28
閱讀 1111·2019-08-26 12:16