VUE整合VUE-PRINT-NB實現前端打印功能

插件安裝

npm install vue-print-nb --save

插件安裝時最好在package.json中同時加入依賴信息，便於項目上其他人員拉取。

簡單實現

<template>
	<div>
	  <div id="printTest" >	
　　　　　　<p>趙雲</p>
　　　　　　<p>關羽 </p>	
　　　　　　<p>馬超</p>	
　　　　　　<p>張飛</p>	
　　　</div>	
	 <button v-print="'#printTest'">打印</button>
	</div>
</template>

<script>

</script>

<style>

</style>

在需要打印的地方加上一個ID屬性就好了，表格什么的操作都是這樣，然后在按鈕上通過v-print="'#ID'"來調用插件打印。

圖片不是上述的代碼，是打印的一個表格效果。這邊需要注意的一點是，更多設置里的很多選項是根據你的打印驅動來的，比如我之前在插上打印機WIN10自動安裝的驅動，紙張尺寸只給了我A4和信紙兩個選項，后來從官網重新安裝了一份EPSON LQ-610KII的驅動，選項就很多了。

后來從官網重新安裝了一份EPSON LQ-610KII的驅動，選項就很多了。

總體來說調用還是很簡單的，不管是激光打印還是針式打印機，用起來還挺方便，后續看看還有沒有坑。