實現(xiàn)pdf文件打印預覽

1.使用html5中＜embed/＞標簽實現(xiàn)
先看下要實現(xiàn)的效果（圖如下）：

使用embed標簽需注意：
1.它是自閉合的標簽
2.它的高度要設置為具體像素
代碼如下：

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

2.使用iframe標簽也可以實現(xiàn)
代碼如下：

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

3.使用npm install vue-pdf --save安裝組件也可以實現(xiàn)，但是可能會出現(xiàn)打印預覽亂碼，（我自己沒改好）具體代碼就不貼啦，可以自行百度哈

總結(jié)

以上是生活随笔為你收集整理的实现pdf文件打印预览的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。