vue中实现在线预览pdf文件
方法1:使用插件pdfObject(Safari不能正常显示,安卓手机的支持也不好) npm i pdfobject -S main.js Vue.prototype.$PDFObject = PDFObject; < div id ="example1" style ="height:600px;width: 80%;margin: 0 auto" ></ div > mounted(){ let _this = this ; this .$nextTick( function (){ _this.$PDFObject.embed( '/pdf/test.pdf', "#example1" ); }); }, 我这里用的是vue3,pdf文件放在public文件夹下 对于兼容问题的解决办法,可以参考: https://www.cnblogs.com/wuhuacong/p/9566764.html 方法2 使用插件vue-pdf npm i vue-pdf -S 在使用的地方: import pdf from 'vue-pdf' 注册组件: components:{pdf}, < ul class ="pdf_pager" > < li @click ="scaleD" > < p > 放大 </ p > </ li > < li @click ="scaleX" > < p >