关于vue实现前端预览PDF文件

几种情况

经过两天的踩坑。总结出以下几点

1. 预览pdf分别有。预览本地pdf文件、预览服务端PDF文件、以及预览osspdf文件。
2. 我又分别尝试了几种方法。这个重点说。。。

方法1

使用vue-pdf组件
先npm install vue-pdf
然后上代码

import pdf from 'vue-pdf'//导入;
components: {
   
	pdf
},
//页面
<pdf style="width: 100%;height: 300px;" ref="pdf"