vue 使用print.js打印小票

姽式、

于 2023-08-23 15:48:50 发布

阅读量866

点赞数 1

分类专栏： vue 文章标签： javascript vue.js python

本文链接：https://blog.csdn.net/weixin_45936690/article/details/132454106

版权

vue 专栏收录该内容

42 篇文章

订阅专栏

官网：https://printjs.crabbly.com/
// 安装

npm install print-js --save

// 引入

import printJS from 'print-js'

// 使用

 printJS({
  printable: 'https://hwke.tbbug.com/images/phone/1899ed9346f64020ff4f9bbae6983952.jpg',
  type: 'image',
  imageStyle: 'width:100%;margin-bottom:20px;'
 })

// 打印效果请添加图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

姽式、

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端直连小票打印机，前端静默打印，js静默打印解决方案

搬砖小白灿哥哥

07-10

3667

最近公司开发了一个vue3收银系统，需要使用小票打印机打印小票，但是又不想结账的时候弹出打印预览，找了很多方案，解决不了js打印弹出的打印预览窗口！没办法，自己写了一个winform版本的静默打印软件，开源，开源，还是特么的开源！软件预览：软件功能：1、支持前端直接使用canvas 导出base64图片直接打印2、支持word，pdf文件打印3、支持开机启动4、支持mqtt协议，支持远程打印，实现打印机共享功能5、完全免费，服务器用的是阿里云99块一年的，如有需要可以自己部署。

electron + vue项目实现打印小票功能及实现代码

12-12

一需求：公司项目需要通过electron调用系统打印机，实现打印小票的功能。二、分析： electron打印大概有两种：第一种：通过window的webcontent对象，使用此种方式需要单独开出一个打印的窗口，可以将该窗口隐藏，但是通信调用相对复杂。第二种：使用页面的webview元素调用打印，可以将webview隐藏在调用的页面中，通信方式比较简单。两个对象调用打印方法的使用方式都一样。本文是通过第二种方法实现静默打印。三、实现过程： 1、要实现打印功能，首先要知道我们的设备上有哪些打印机。方法是：在渲染线程通过electron的ipcRenderer对象发送事件到主线

参与评论您还未登录，请先登录后发表或查看评论

vue2实现打印票据功能print-js组件库和window.print()

章小鱼的博客

06-08

5251

vue2使用print-js组件实现打印效果，图片、表格、页面、PDF等都可以打印原生浏览器打印window.print() 很强大

vue打印小票

rikimiao的博客

08-31

1099

vue打印小票

功能：vue：浏览器打印小票、打印参数配置

最新发布

12-15

在Vue2中，你可以使用Print.js这个轻量级的JavaScript库来实现静默打印，它简化了打印机操作，并支持多种设备包括小票打印机。以下是使用Print.js实现无浏览器打印确认对话框的步骤： 1. 首先，你需要在项目中安装...

vue实现打印功能的两种方法

10-18

在模板中，你可以使用ref属性定义引用标识符，然后使用this.$print方法来打印指定的DOM节点。例如： <section ref="print"> 打印内容 <div class="no-print">不要打印我 export default { // ... methods...

通过Web打印超市一样的小票

04-21

通过Web打印超市一样的小票。测试可以使用。。。

【JS】通过JS实现超市小票打印功能——ActiveX控件

weixin_33675507的博客

09-08

1221

应客户的需求= = ，要在网页端实现打印小票的功能先来一张打印出的小票效果图（合计明显不对，因为有修改订单功能，请各位忽略）　　用什么方法实现呢：　　　　我想应该是有三种吧　　　　1.用第三方的浏览器控件（这个好似比较方便，我的老师也是这样建议我）向大家推荐一个 Lodop打印控件　　　　2.用CSS写好模板，然后直接用页面打印的方法（应该是这样吧）　　　　　　...

js 打印小票

qq_35836269的博客

11-22

2399

jcp打印插件由于公司项目需要，需要写个打印小票的功能，在网上找啊找啊，确定了4Fang，调试成功之后，传上测试环境，天啦噜的，测试环境的打印功能竟然不行，在本地行，在测试或者正式上就不行，这是什么大头鬼，多方求证，4Fang打印需要获取一个授权码才能在服务器上部署，官网上说可以免费获取，那就获取呗，我按照官网上的步骤一步一步，还是没获到那个码。你可以试试，我是尽力了~~~ 一番折腾之后选择了j...

vue+element小票打印、58小票打印机

luolinyin的专栏

10-09

3000

1、组件webview <template> <div class="page">  <webview class="webview" src="/static/print_order.html" nodeintegration> </webview>  </div> </template>

vue打印功能手持终端打印小票，电脑连接打印机打印预览

rikimiao的博客

10-20

3728

手持终端打印小票，电脑连接打印机打印预览

js打印小票（用iframe实现）

qq_42972375的博客

10-17

2020

注意：js打印小票我知道的有俩种实现方式：iframe和window.open方式，因为window.open点击下载之后浏览器会自动新建网页，所以我用的是iframe 我用iframe的具体实现方式应用场景点击详情页可看到交易数据然后点击打印小票实现方式：iframe标签是在详情页A.jsp,然后新建B.jsp排版好小票内容再将所需要的数据从详情页A.jsp传到B.jsp A.jsp: function printdetails() { var url = "B.jsp?"+ "submchn

vue打印

毒牙

03-05

940

在项目引入下列代码块就可以在要打印的地方外层加上ref="print" 在该区域内不需要打印的区域加上classno-print 调用打印使用this.$print(this.$refs['print']); // 打印类属性、方法定义 /* eslint-disable */ const Print =function(dom, options) { if (!(this instan...

（打印机Printer）小票打印

weixin_40333655的博客

10-18

627

源码路径为 E:\WGY\C#学习\一套开源的企业业务系统框架Winform\586570 31天学会CRM项目开发pdf+源代码\31天学会CRM项目开发-源代码\003 实例及拓展练习\PrintDemo 设计的WMI操作参考https://blog.csdn.net/u011854789/article/details/52792083 using System; using System....