vue vue引入外部js方法pdfjs-dist后运行报错如下,请问怎么解决

需求:在线浏览pdf文件并且禁止掉用户下载打印的效果。

分析:普通的iframe、embed标签都只能实现在线浏览pdf的功能无法禁止掉工具栏的下载打印功能。只能尝试使用插件pdfobject.js这个插件可以实现功能,而且操作简单但是兼容性不好,不兼容火狐、ie浏览器于是替换成pdf.js

实现:因为不想在服务器放太多东西,所以引用pdf後的方法都是自己调用的api实现的

以下仅是核心代码,css就不展示了

2.created中vue引入外部js方法pdf.js (刚开始使用importvue引入外部js方法本地的pfd.js文件,谷歌浏览器沒有问题但是火狐无法正常显示) 

3.页面布局pdf的样式和想要使用的功能 。这里是上一页下一页,全屏功能

4.一些方法因为刚进页面的时候是固定的一块区域,还需要有全屏功能于是按pdf的原来大小算出了比例,按比例计算的viewport如果没有这个需求,可以直接定义viewport




我要回帖

更多关于 vue引入外部js方法 的文章

 

随机推荐