在vue项目中整合vue-print-nb实现打印功能

本文介绍一款非常好用打印插件--vue-print-nb

• 之前我看过我们教务系统，里面使用的是jq+layui打印，我也玩过，但封装的一直不理想，就想换一个。在网上就找到了这个。

---

npm安装vue-print-nb

你可以使用如下命令通过 npm 安装 vue-print-nb：

cnpm install vue-print-nb

安装完成后：

• 在main.js中引入

import Print from 'vue-print-nb'

Vue.use(Print);  //注册

---

使用vue-print-vue

Vue代码中的使用：

<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>

如果打印内容不全，在打印操作时点击更多操作，然后设置缩放：