vue项目中批量打印二维码

【vue项目中批量打印二维码】的更多相关文章

vue项目中批量打印二维码

前提:项目中要打印的二维码为后台返回,批量选择后,点击打印,先打开二维码预览界面,再执行打印. 以下代码中 codePicList为选中的二维码数组.重点css:page-break-after:always 在元素后插入分页符;在打印时,要分页(需求是每个二维码打印在一张纸上) // 此代码为浏览界面遍历出来的要打印的多个二维码<ul id="codeImgviewer" v-if="codePicList != null && codePicList…

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生成二维码

最近写项目遇到一个需求,根据后台给的地址生成二维码,在网上找了下,qrcodejs2使用还是比较多,试了下也能实现需求,就整理下使用方法,方便以后使用 1. 安装包 cnpm i qrcodejs2 -S 2. 项目中使用 HTML: !-- 二维码弹框 -->  <el-button type="primary" @click="payOrder">生…

在UniApp的H5项目中，生成二维码和扫描二维码的操作处理

在我们基于UniApp的H5项目中,需要生成一些二维码进行展示,另外也需要让用户可以扫码进行一定的快捷操作,本篇随笔介绍一下二维码的生成处理和基于H5的扫码进行操作.二维码的生成,使用了JS文件weapp-qrcode.js进行处理,而二维码扫码则是基于一个第三方组件的方式进行支持的,最后通过统一入口来支持不同平台的扫码操作. 1.二维码的生成处理二维码的生成,使用了JS文件weapp-qrcode.js进行处理的.因此我们在页面或者组件使用它的时候,需要引入JS文件才能调用. import…

Lodop打印二维码内容长度不同如何大小相同

利用Loodop打印控件打印二维码的时候,往往传入的数值是变量,有的只有一个数字,有的却一大堆数字和字母,根据内容长度不同,二维码大小也不同,这样如果批量打印二维码标签,传入的数据是不同的,会造成有的标签二维码大,有的二维码小的状况.出现这种状况,是因为Lodop中默认输出二维码的版本是AUTO(自动),这会导致随着二维码中的数据量不同,二维码大小也会不同.如果想把所有二维码设置成同一大小,解决方法是用语句指定同一个版本.例如:每个二维码加上相同的版本,LODOP.SET_PRINT_STYLE…

如何通过github上传项目并在readme.md中展示图片二维码

将本地项目上传至github 第一步:git init (创建仓库) 第二步:git add README.md (添加项目)git add * 第三步:git commit -m "first commit" (添加备注) 第四步:git remote add origin https://github.com/chenchu001/xijuyuanh5.git (连接到服务器地址) 可能出现问题 fatal: remote origin already exists…

使用FastReport打印二维码

简单介绍一下该功能所在的项目背景:C#语言编写的WPF客户端应用程序,在“结账”模块中,打印出的收款小票上需要显示一个二维码,服务生拿着小票去找顾客,顾客可以选择现金.银行卡等普通支付方式,也可以直接扫小票上的二维码进行微信支付.用于打印小票的模板使用FastReport制作.结账功能和收款单打印模板已经在使用,现在只需要在原有模板的基础上进行修改. 首先,我们要明确一点:二维码其实就是一张图片.因此和打印条形码不同,打印二维码,只需要使用FastReport中的图片控件就可以了.双击图片控件后…