vue 移动端查看预览pdf文件

我使用的是 vue-pdf，另外pdfjs-dist也可以实现(详情见下文)。

效果图：

打开pdf文件效果图

需求：

报告查询页面需要点击查看本地pdf文件

环境：vue3+vant

image.png

实现步骤：

• 安装 npm install --save vue-pdf
• 把本地pdf文件放在静态文件件下(一定是放在静态文件下，不然路径错误显示不了)
• 新建.vue文件

代码：

• 特别注意：
  文件一定要放在静态文件里，不然根本展示不出来，我在做的时候就因为这个原因找了半天，再此提醒

参考：
https://blog.csdn.net/weixin_30873847/article/details/99634693

pdfjs-dist实现方法:
https://blog.csdn.net/qq_39584800/article/details/87181731