本文介绍一款非常好用打印插件--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>

在这里插入图片描述
在这里插入图片描述
如果打印内容不全,在打印操作时点击更多操作,然后设置缩放:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐