vue 基于jsbarcode插件打印二维码

首先项目安装依赖
import JsBarcode from “jsbarcode”;
img,canvas和svg标签都可以
插件地址：https://github.com/lindell/JsBarcode/wiki/Options

<img  class="barcode" jsbarcode-format="CODE128" :jsbarcode-value="item.code" jsbarcode-textmargin="2" jsbarcode-fontoptions="bold" /><canvas class="barcode" jsbarcode-format="CODE128"jsbarcode-value="SH12110291348763025"jsbarcode-textmargin="2"jsbarcode-fontoptions="bold">></canvas>

下面讲打印功能（打包之后可能会注释丢失，导致找不到html，放到线上功能失效）

    print() {let bdhtml = window.document.body.innerHTML;let sprnstr = "<!--startprint-->"; //开始打印标识字符串有17个字符let eprnstr = "<!--endprint-->"; //结束打印标识字符串let prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //从开始打印标识之后的内容prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容const newWindow = window.open("", "");newWindow.document.write(prnhtml);newWindow.window.print();newWindow.window.close(); // 打印完成后关闭后新窗口return false;}

另一种实现打印的功能

  <div  ref="print">要打印的内容
</div>print() {let obj = this.$refs.print;var newWindow = window.open();var docStr = obj.innerHTML;newWindow.document.write(docStr);newWindow.document.close();setTimeout(function () {newWindow.print();newWindow.close();}, 10);}

vue 基于jsbarcode插件打印二维码相关推荐

vue项目中批量打印二维码
前提:项目中要打印的二维码为后台返回,批量选择后,点击打印,先打开二维码预览界面,再执行打印. 以下代码中 codePicList为选中的二维码数组.重点css:page-break-after:al ...
解决vue3-print-nb打印二维码定位(qrcode.vue) 问题
解决vue3-print-nb打印二维码定位(qrcode.vue) 问题在使用vu3-print-nb搭配qrcode.vue产生二维码的时候,我的代码是设置了全部元素都居中显示的,效果如下 &l ...
vue 项目中自动生成二维码
vue 项目中自动生成二维码最近在写一个vue项目,要求根据卡号可以自动生成一个二维码,并渲染在指定位置,因为第一次做类似业务,小编在网上找了找,发现了很多,具体起来主要用的就两种: QRc ...
JS前端调用TSC打印二维码、条码
公司让用js调用TSC打印二维码,本人已调试成功,希望大家有所帮助! ActiveX下载地址:ActiveX下载地址! 实现代码:JS前端调用TSC打印二维码实现代码 <HTML> < ...
vue2 打印二维码功能
1.通过npm 下载插件生成二维码和打印功能 npm install --save qrcodejs2 vue-print-nb 2.在main.js中打印功能全局挂载 3.页面内容代码 ...
基于springboot的食品二维码溯源系统
1 简介今天向大家介绍一个帮助往届学生完成的毕业设计项目,基于springboot的食品二维码溯源系统. 计算机毕业生设计,课程设计需要帮助的可以找我 2 设计概要 21世纪是信息化时代,随着信息技 ...
使用VBA打印二维码和资产标签
资产清查的后期工作需要根据核查结果打印出资产标签. 先设置设备的二维码所包含的信息,然后打印出二维码,再根据结果打印每个设备的标签,裁剪后贴到设备标签上即可. 这样就完成了资产台账上的设备记录与实物的 ...
C#调用TSC条码打印机打印二维码（转）
#region 调用TSC打印机打印/// <summary>/// 调用TSC打印机打印/// </summary>/// <param name="titl ...
利用jquery的qrcode.js插件生成二维码的两种方式的使用
2019独角兽企业重金招聘Python工程师标准>>> 利用jquery的qrcode.js插件生成二维码的额两种方式,canvas(即画布)方式和table方式(原文地址http: ...
access 打印预览代码_TSC TTP-244条码打印机如何批量打印二维码
二维码的应用可以说是非常的普遍了,二维码在应用之前不但需要条码打印机批量打印二维码,还需要相关的二维码制作软件制作二维码.今天小编就教大家用TSC TTP-244条码打印机批量打印二维码. 1.打开二 ...

vue 基于jsbarcode插件打印二维码

vue 基于jsbarcode插件打印二维码相关推荐

最新文章

热门文章