vue使用jqprint调打印机

首先配置jquery 下面是教程Vue 中引入jquery - zhouj2019 - 博客园在vue2中引用jq，如下 1.安装jQuery 2.修改webpack的配置文件文件目录及名称：build/webpack.base.conf.js 注释代码为修改部分 3、在组件中使用jquerhttps://www.cnblogs.com/zhoujuan/p/11713746.html

第二步下载jqprint包

jQuery打印插件jqprint一个通过单击页面按钮，便实现页面打印的jQuery插件jqprint。https://www.jq22.com/jquery-info347之后在man.js引入jqprint包

import '@/jquery/jQuery.print.js'

        <div class="print" style="display:none;"><div v-for="(item,i) in checkList" :key="i" class="print-item"><img class="print-title"  src="../../../../public/img/cansaizheng.png" alt=""><img class="year" src="../../../../public/img/2021year.png" alt=""><div class="print-box"><img style="border-radius: 4px;" width="68" height="83"            :src="item.picpath" alt=""><div class="print-text"><p>姓名: <span class="xiaxian">{{item.name}}</span></p><p>项目: <span class="xiaxian">{{$route.query.name}}</span></p><p>编号: <span class="xiaxian bianhao">{{item.id}}</span></p></div></div></div></div>

$('.print').print()//在方法中调用

vue使用jqprint调打印机相关推荐

VUE前后分离调起微信支付
@ VUE调起微信支付 VUE前后分离调起微信支付支付很简单,但每次都是在网上直接扒下来使用,老年人记忆,于是就自己记录一下,方便以后快速的粘贴复制; 第一步 :VUE 需要安装微信支付模块 // ...
vue canvas画框调大小
感谢作者写出这么好的文章:https://www.cnblogs.com/wff9342/p/10563068.html <template><div ref="tagca ...
vue用input调起手机摄像头录制视频
<input ref="inputVideo" type="file" name="video" id="video-inp ...
vue h5 页面调起原生APP指定页面
这次分享可能比较适合小白,大神们多多指教哈!为什么这么说呢,因为我之前都是做pc,或者小程序.rn 什么的,原生app内嵌h5这种还是第一次. 最近提了个需求:app下载页如果当前应用已经安装就直接 ...
vue项目H5调起高德或百度地图手机应用，或调起高德百度网页版实现导航功能（已实现）
需求说明:H5实现唤起高德和百度地图导航到目标景点的功能分析:用户通过点击选择使用百度还是高德地图,点击后调用guide方法,判断设备上是否有高德或者百度APP,有就直接调用APP,如果没有就调用网 ...
vue.js如何连接打印机
<div id="qrCode"><span>hello word!</span> //要打印的内容 </div><butto ...
vue实现二维码批量打印功能
vue实现二维码批量打印功能业务需求:客户需要给每个商品贴上二维码,为了更加高效的完成这项工作需要配合热敏打印机实现批量打印二维码的需求,因为是web项目后端会部署到服务器上,因此只能通过js的方式 ...
计算机打印东西怎么横向打印机,打印怎么设置横向打印(打印机怎么调整打印方向)...
具体操作步骤如下: 1.通过电脑打开EXCEL表单,点击上面工具中的"页面布局",选择"纸张方向". 2.单击并从纸张方向弹出的选项中选择" 3.回到 ...
斑马打印机常见问题解决方案条码打印机常见问题解决方案
一维条码本身是不能包含中文字符的,但是如果标签中有需要打印中文的地方出现乱码,那主要的原因出在您的打印软件上.如果您用的是斑马公司的BARONE 5.0或以下版本,必须在其软件的安装目录中的BIN目录 ...

vue使用jqprint调打印机

vue使用jqprint调打印机相关推荐

最新文章

热门文章