vue常用插件之打印功能、二维码插件、批量打印二维码

【vue常用插件之打印功能、二维码插件、批量打印二维码】的更多相关文章

使用那各VUE的打印功能（print.js）出现多打印一个空白页的问题

最近这段时间,用VUE写东西,有个打印功能. 百度了一下,铺天盖地的VUE打印的两种实现方法. 很感激这些千篇一律的帖子,虽然不知道他们是否真的用过,还是只是复制粘贴. 至少这些帖子告诉我,是有两个可以选择的,并且多看几篇帖子,总算把这两个打印方法,都试了一遍. 下面简单总结一下: 先说结论:请使用第二种方法,下载print.js到本地,然后放到项目中导入.原因后边说. 一.使用vue-print-nb方法具体的使用这里就不详细说明了,因为网上真的太多太多了.千篇一律的. 在本地直接npm安装…

vue html页面打印功能vue-print

vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格, 在网上找了一个打印组件vue-print-nb 使用方式安装 npm install vue-print-nb --save 在main.js文件中注册 import Print from 'vue-print-nb' Vue.use(Print); 页面中使用,给需要打印的容器加一个id,打印按钮传入这个id html: <div id="printMe" style="background:r…

使用FastReport.net 报表在网页上实现打印功能

这些年的工作当中,最早是在8年前接触到FastReport这个报表工具,从名字上来看,直译过来就是快速报表,正所谓天下武功,唯快不破,FastReport报表早些年确实是制作报表的不二之选,8年前的工作中,涉入到了医疗行业,项目中要使用FastReport.net 打印基因检测报告,效果确实是满足了项目要求. 最新版FastReport.net支持.net core 鸡肋的FastReport.net网页版回过来看,最近几年的工作中,报表也是一直使用的是FastReport.net ,但转到了…

layer系列之table导出+打印功能总结

1.关于layui导出方式,直接使用layui(版本2.4.5及以上)自带的导出方法即可: layui官网地址:https://www.layui.com/ 源码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui--layui-table导出Excel</title> <meta name="renderer&q…

前端打印功能实现及css设置

首先是使用下边代码,实现js局部打印功能.参数dom为需要打印的节点,为了保证页面功能的单一性,最好弹出一个新的预览页面完成打印功能. function print(dom){ var body = document.body.innerHTML;//先获取当前页的html代码 document.body.innerHTML = document.querySelector(dom).innerHTML;//需要打印的页面 window.print(); document.body.innerH…

LODOP打印控件进行批量打印

Lodop打印控件批量打印的方式:1.批量打印每页内容相同的:(1)批量打印相同内容的很多纸张,可以设置打印份数,把该内容打印出多份.2.批量打印每页不同内容的:(1)通过在一个任务中分页,循环添加页数,每页添加不同内容,一个任务中打印多页.(2)一个任务中一页,循环多个任务,每个任务添加不同内容.(3)多任务与多页相结合,既分页又分任务,循环多任务,每个任务中循环多页. 使用建议:1.批量打印同样的内容,可用多份,需要多少份打印多少份.2.批量打印不同内容,页数很少,每页内容也很少,需要预览,…

python 批量打印PDF

有一批PDF文件,好几百个,每个只打印第2,3页,双面打印. 网上搜索一波,方案如下: 安装Ghostscript,GhostView,使用gsprint命令打印pdf文件. gsprint命令参数说明: "-dQUIET", 安静的意思,指代执行过程中尽可能少的输出日志等信息.(也可以简写为“-q”) "-dNOSAFER", 通过命令行运行 "-dBATCH", 执行到最后一页后退出 "-d…

vue常用插件之打印功能、二维码插件、批量打印二维码

vue实现打印的两种方法 vue实现批量打印二维码 (需安装二维码插件qrcodejs2) 一.vue-print-nb插件 1.安装: npm i vue-print-nb -S 2.全局注册(main.js): import Print from 'vue-print-nb' Vue.use(Print) 3.使用: <div id="printTest" > <p>锄禾日当午</p> <p>汗滴禾下土 </p> <…

vue生成二维码插件qrcodejs2

1.页面 <div id="qrCode" ref="qrCodeDiv"></div> 2.导入插件 import QRCode from 'qrcodejs2' 3.使用生成: 注意定时器得要,避免dom未生成报错 document.getElementById("qrCode").innerHTML = ""; setTimeout(() => { new QRCode(this.$ref…

（转： daifubing的博客）Delphi二维码中文支持、分组、批量打印经验小结

一直也没接触到什么复杂的报表,都是一些简单的报表,在DelphI下使用QuickReport一般也就能满足需要了,由于公司现在需求的变化,对条码扫描提出了新的要求,主要是扫码要包含更多地内容,以前的一维码显然不能完全满足,再说二维码也是一种趋势,故而需要解决二维码的问题,网上搜了一下,方式有多种多样,我花了3天时间找了很多,也尝试了很多.也经历了很多失败!总结一下在Delphi下实现二维码主要有三种方法: 1.使用PtImageRW.dll和PtQREncode.dll动态连接库,使用uQRCo…