在vue项目中整合vue-print-nb实现打印功能
本文介绍一款非常好用打印插件--vue-print-nb之前我看过我们教务系统,里面使用的是jq+layui打印,我也玩过,但封装的一直不理想,就想换一个。在网上就找到了这个。npmvue-print-nb你可以使用如下命令通过 npm 安装 vue-print-nb:cnpm install vue-print-nb安装完成后:在main.js中引入import Print from 'vue-
·
本文介绍一款非常好用打印插件--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>
如果打印内容不全,在打印操作时点击更多操作,然后设置缩放:
更多推荐
已为社区贡献6条内容
所有评论(0)