Vue将HTML内容用打印机打印出来

首先导入第三方插件

npm install vue-print-nb --save

在main.js中引入

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

接着就算打印的组件了

<template>
<div id="printTest">打印区
</div>
<button v-print="'#printTest'">打印</button>
</template>

#printTest点击时会将printTest内的东西用电脑当前链接的打印机打印出来

Vue将HTML内容用打印机打印出来相关推荐

vue 使用浏览器自带打印机打印功能
本文主要介绍了vue项目中使用print.js打印,解决多页,分页,打印预览样式修改等问题. 引入安装vue-print.js cnpm i vue-printjs --save-dev 解决打印多页 ...
vue中使用Lodop调用打印机打印条形码
最近项目遇到vue实现条形码打印功能,经过自己的一番摸索,找到了一款比较友好的打印插件,本次打印使用的Lodop插件进行功能的实现.(官网链接) 1.把官方提供的LodopFuncs.js文件保存到某 ...
vue结合Lodop前端实现打印机的获取及打印
vue结合Lodop前端实现打印机的获取及打印首先展示一下实现的效果: 一.Lodop的使用使用Lodop来实现本地打印机的获取,首先在自己的vue页面引入LodopFuncs.js文件. //= ...
vue打印功能手持终端打印小票，电脑连接打印机打印预览
最近的项目有手持终端打印小票和电脑连接诶打印机打印信息方法有很多种的: 一. vue-print-nb 安装插件 1.安装插件 npm install vue-print-nb --save 2. ...
京瓷2010复印a4内容不全_京瓷1800打印机打印时设置了A4为什么打印不了复印正常...
是打印机打印不了,还是打印A4纸出来是别的尺寸?希望补充问题. 打印机若是打印不了,按照以下操作: 检查打印机是否链接上电脑:如果没有链接上的话,首先检查看电源有没打开,还有检查打印机连接电缆接口是否 ...
vue实现二维码批量打印功能
vue实现二维码批量打印功能业务需求:客户需要给每个商品贴上二维码,为了更加高效的完成这项工作需要配合热敏打印机实现批量打印二维码的需求,因为是web项目后端会部署到服务器上,因此只能通过js的方式 ...
在html页面中怎么打印区域,在HTML中指定打印区域进行打印机打印
我们在开发中经常会用到一些指定区域进行打印机打印,但是使用常规方式打印会将全部页面打印,当然相同都为打印,但是打印出来的内容并不是我们需要的东西,进行给大家分享如何设置打印机指定区域进行打印: 该标签 ...
c#endread怎么打印出来_打印机打印出来是白板是怎么回事
引起针式打印纸空白的原因大多是由于色带油墨干涸.色带拉断.打印头损坏等,应及时更换色带或维修打印头. 故障现象:针式打印机有打印声但打印空白.维修方法:具体解决方法如下: 1) 检查打印机色带盒是否正 ...
cups 设置打印机纸张_惠普打印机打印模糊怎么办惠普打印机打印模糊解决【方法】...
打印机是我们办公室中非常重要的一个设备,其能够非常方便我们的工作.根据打印原理的不同,打印机被分为许多种,喷墨和激光打印机就是比较常见的类型.但是其在运作的时候,容易出现打印模糊的现象.这对我们的工作 ...

Vue将HTML内容用打印机打印出来

Vue将HTML内容用打印机打印出来相关推荐

最新文章

热门文章