柚子快報激活碼778899分享：vue預(yù)覽pdf文件的幾種方法

http://yzkb.51969.com/

文章目錄

vue預(yù)覽pdf集中方法方法一：方法二：展示效果：需要包依賴：代碼：

方法三：展示效果：需要包依賴：代碼：自己調(diào)參數(shù)，選擇符合自己的

vue預(yù)覽pdf集中方法

我這里主要是用在vue3項目中，但是vue2或者react可以借鑒這里面的包依賴，應(yīng)該也可以，可以嘗試著寫寫，或者找其他方法。

方法一：

iframe：這種方法顯示有點丑 展示效果就不展示了，就iframe，主要看你瀏覽器怎么識別了，你可以想象得到；

src="E:\\1.pdf"

frameborder="0"

>

方法二：

展示效果：

需要包依賴：

"pdfobject": "^2.2.12",

代碼：

方法三：

展示效果：

效果一：分頁 效果二：不分頁

需要包依賴：

"vue-pdf-embed": "^1.1.6",

"vue3-pdfjs": "^0.1.6",

代碼：

自己調(diào)參數(shù)，選擇符合自己的

柚子快報激活碼778899分享：vue預(yù)覽pdf文件的幾種方法

http://yzkb.51969.com/

參考閱讀