移动端pdf文件预览

背景：vue-cli 3.0 + pdfjs
1、 pdfjs官网下载包文件 2、将文件夹放在项目中，在index.html中引入，如下图：

3、拼接文件路径的url，前半段为本地的viewer.html文件路径，问号？后面为PDF文件的网络路径。注意url里面不能有问号，否则路径会被过滤，提示缺少pdf文件
this.src = ${this.publicPath}common/pdfjs/web/viewer.html?file=${url}

4、通过iframe的方式嵌入链接

<iframe v-if="typeName === 'pdf'" id="iframe" :src="src" frameborder="0"></iframe>

5、pdf在移动端打开的样式如下，可以支持手动放大缩小，效果相当不错：