实现pdf文件（pdf路径）打印预览

实现pdf文件打印预览

1.使用html5中＜embed/＞标签实现
先看下要实现的效果（图如下）：

使用embed标签需注意：
1.它是自闭合的标签
2.它的高度要设置为具体像素
代码如下：

 <embed :src="pdfUrl" type="application/pdf" width="100%" height="700px" />
 

2.使用iframe标签也可以实现
代码如下：

 <iframe :src="pdfUrl" width="100%" height="800px" style="border: none;">
 </iframe>

3.使用npm install vue-pdf --save安装组件也可以实现，但是可能会出现打印预览乱码，（我自己没改好）具体代码就不贴啦，可以自行百度哈