柚子快报激活码778899分享：vue预览pdf文件的几种方法

文章目录

vue预览pdf集中方法方法一：方法二：展示效果：需要包依赖：代码：

方法三：展示效果：需要包依赖：代码：自己调参数，选择符合自己的

vue预览pdf集中方法

我这里主要是用在vue3项目中，但是vue2或者react可以借鉴这里面的包依赖，应该也可以，可以尝试着写写，或者找其他方法。

方法一：

iframe：这种方法显示有点丑展示效果就不展示了，就iframe，主要看你浏览器怎么识别了，你可以想象得到；

src="E:\\1.pdf"

frameborder="0"

style="width: 80%; height: 100vh; margin: auto; display: block"

方法二：

展示效果：

需要包依赖：

"pdfobject": "^2.2.12",

代码：

方法三：

展示效果：

效果一：分页效果二：不分页

需要包依赖：

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

"vue3-pdfjs": "^0.1.6",

代码：

自己调参数，选择符合自己的

柚子快报激活码778899分享：vue预览pdf文件的几种方法

参考链接

评论可见，请评论后查看内容，谢谢！！！

您阅读本篇文章共花了：

金钥匙