一、vue-print-nb 实现打印功能

1、安装

cnpm i vue-print-nb -S

2、在main.js 中引入

import Print from 'vue-print-nb'
Vue.use(Print)

3、在vue页面中的使用

<template><div class="print"><div id="printPage">这里面是放的打印内容</div><button v-print="'#printPage'">打印</button></div>
</template>

v-print 中的内容和 id对应，打印出来的内容是整个id框框内的内容

4、打印分页 `style="page-break-after: always"`

<template><div class="print"><div id="printPage">// 这里面是放的打印内容<div style="page-break-after: always">// 打印的第一页内容</div><div style="page-break-after: always">// 打印的第二页内容</div></div><button v-print="'#printPage'">打印</button></div>
</template>

二、网页用针式打印机打印模糊问题

原因：网页的打印，是先生成一张图片，接着打印，针式打印机打印会模糊；
解决：试着调整打印的文字的字体，我这里：

font-family: Microsoft YaHei;
color: #000;

vue 使用vue-print-nb 实现打印功能和用针式打印机打印模糊问题相关推荐

avue-crud自带的打印功能BUG，在打印时会打印操作栏
问题描述打印时会显示操作栏问题解决效果代码如下: 用插槽自定义打印按钮,记得去掉option中的printBtn:true, 此处的打印,在试了很多组件后,决定使用vxe-table的打印组件 ...
软件测试ppt打印功能,惠普P1566打印设置与性能测试
05惠普P1566打印设置与性能测试 ●惠普P1566打印设置与性能测试 ★惠普P1566主要的打印设置在打印速度测试开始之前,我们先来了解一下惠普P1566的打印设置.其打印首选项界面简洁,让用户 ...
java实现分页打印功能_web 页面分页打印的实现
1．首先引入一个WebBrowser在需要打印的页面,可以直接添加: 复制代码代码如下: 到页面,或者使用javascript在需要的时候临时添加也可以: 复制代码代码如下: document.b ...
如何禁止计算机的打印功能,pdf设置禁止打印 pdf如何防止修改的方法
现在很多单位,为了保护电脑文件安全,会经常将电脑的一些文件进行格式转换,比如将Word转换成PDF格式,以此来保护文件的安全.同时,很多单位都有自己的内部文件服务器,经常会共享一些文件供局域网用户访问 ...
MFC项目有关打印功能（支持分页打印）
如下代码运行的环境简述: MFC的对话框界面上创建一个按钮,点击这个按钮打印界面上CListCtrl控件上现实的内容. 如果这段代码对你有帮助,请点个赞,给我一点小小鼓励,共同进步~~ void CM ...
Vue -print - nb 打印插件使用详解以及连打操作
Vue -print - nb 打印插件 #安装 npm install vue-print-nb --save #在main.js 全局引用 import Print from 'vue-print ...
vue-print-nb 打印功能总结
一.安装vue-print-nb 1 vue2安装 npm install vue-print-nb --save 2 vue3 安装 npm install vue3-print-nb --save ...
Java实现打印功能
原文地址为: Java实现打印功能用java实现打印,java.awt中提供了一些打印的API,要实现打印,首先要获得打印对象,然后继承Printable实现接口方法print,以便打印机进行打印, ...
applet打印黑白打印功能
在集深产品中,我们能做出富有色彩.美观大方的报表,可是在打印时,可能会因为您的打印机是黑白打印机而使得报表打印的效果不尽如人意,此时可以使用黑白打印功能解决使用黑白打印前使用黑白打印后
javascript 调用浏览器的打印方法。并设置打印为横向打印
最近做一个简单的打印功能,要使用JavaScript调用浏览器的打印功能.并设置打印为横向打印: 为了适应A4纸的宽和高这里设置: body{margin:0 auto; width: 1010px; ...

vue 使用vue-print-nb 实现打印功能和用针式打印机打印模糊问题

这里写目录标题

一、vue-print-nb 实现打印功能

1、安装

2、在main.js 中引入

3、在vue页面中的使用

4、打印分页 `style="page-break-after: always"`

二、网页用针式打印机打印模糊问题

vue 使用vue-print-nb 实现打印功能和用针式打印机打印模糊问题相关推荐

最新文章

热门文章

vue 使用vue-print-nb 实现打印功能 和 用针式打印机打印模糊问题

这里写目录标题

一、vue-print-nb 实现打印功能

1、安装

2、在main.js 中引入

3、在vue页面中的使用

4、打印分页 style="page-break-after: always"

二、网页 用针式打印机打印模糊问题

vue 使用vue-print-nb 实现打印功能 和 用针式打印机打印模糊问题相关推荐

最新文章

热门文章

vue 使用vue-print-nb 实现打印功能和用针式打印机打印模糊问题

4、打印分页 `style="page-break-after: always"`

二、网页用针式打印机打印模糊问题

vue 使用vue-print-nb 实现打印功能和用针式打印机打印模糊问题相关推荐