vue使用vue-print-nb打印佳博PT-261标签

已于 2024-03-28 11:16:18 修改
阅读量413 收藏 1
点赞数 1
文章标签： vue.js 前端 javascript
于 2024-03-28 11:15:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37864378/article/details/137104985
版权

一、安装依赖

npm install vue-print-nb@1.7.5

npm install jsbarcode@3.11.6

二、安装驱动并自定义打印纸尺寸

三、相关代码

1.页面中点击打印按钮

2.组件中

四、实现效果

五、遇到问题

1、printDiv设置固定宽度，不然会出现内容不居中，具体根据打印纸设置

2、多个标签连打时，需要在printDiv加上  style="page-break-before:always;"  分页

Forever1417
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-print-nb:Vue插件，打印！ 好的！
05-12
vue-print-nb 这是用于包装，简单，快速，方便，轻便的指令包装纸。 安装 Vue2版本： npm install vue-print-nb --save import Print from 'vue-print-nb' // Global instruction Vue . use ( Print ) ; //or // ...
vue-print-nb 兼容低版本浏览器
11-28
`vue-print-nb` 是一个针对 Vue.js 应用程序设计的打印插件，它允许开发者方便地实现页面或组件的打印功能。标题提到的“vue-print-nb 兼容低版本浏览器”，这意味着该插件已经考虑到了对旧版浏览器的支持，确保在...
vue-print-nb 实现页面打印（含分页打印）
GFing18的博客
07-05 1万+
vue-print-nb组件实现页面的打印
vue-print-nb插件来实现打印功能——打印布局及尺寸处理
yehaocheng520的博客
04-28 960
vue-print-nb插件来实现打印功能——打印布局及尺寸处理
vue2使用Clodop插件打印表格，分页，每页显示页头页尾，自定义纸张大小
最新发布
m0_74079648的博客
06-07 526
为了防止真正打印，这里将代码改为了打印预览，实际每调用一次会打印一次，也可以边请求后台数据边打，只要有纸，可以一直打，我最多打了二百多张纸，有问题的可以联系。第二种、也可以将js文件下载至本地，通过import引入，前提是将CLODOP对象export出来。第一种、可以直接将script标签放入vue的head中，在项目运行时自动加载。这里使用第三种方法，即动态加载方法,根据当前系统的环境及文件状态加载。这里下载的window64位的，将插件安装好，运行，会看到。一、前往lodop官网，下载插件，
vue实现打印功能（vue-print-nb）
热门推荐
qq_41842461的博客
08-23 1万+
vue实现打印功能（vue-print-nb)
使用VueBarcode结合vueEasyPrint打印条形码标签
CSNZのBlog
02-12 3435
VueBarcode + VueEasyPrint 合体,生成标签并实现打印功能
vue插件(vue-print-nb)实现打印功能
DZQ1223的博客
06-27 1万+
只需要给不自动换行的标签加上 word-wrap:break-word;注意：一定要给需要打印的容器加一个id,点击打印按钮的时候调用传入的id。2.打印內容不自动换行问题。
vue中实现打印通过iframe标签实现
qq_43631129的博客
07-02 3818
vue 打印，iframe实现打印，打印可横向打印，纵向打印
vue-print-nb 打印功能总结
qq_21460133的博客
03-16 3910
打印方法总结
vue-print-nb-z
05-06
light.InstallNPMnpm install vue-print-nb-z --saveimport Print from 'vue-print-nb'// Global instruction Vue.use(Print);//or// Local instructionimport print from 'vue-print-nb'directives:
vue-print:基于vue-print-nb打印组件做的功能拓展
05-07
vue-print基于vue-print-nb打印组件的拓展功能,下载后放在项目中引用详情请看博客介绍Installmain.js文件引用import Print from './xxxx/vue-print-nb/src'Vue.use(Print);
vue中使用vue-print.js实现多页打印
11-21
在Vue项目中，有时我们需要为用户提供打印功能，这时可以借助vue-print.js这个库来实现。本文将详细讲解如何在Vue环境中使用vue-print.js解决多页打印、分页以及打印预览样式修改的问题。 首先，我们需要引入和安装...
实现vue打印功能，超简单
qq_68155756的博客
03-10 1309
要用到一个插件 1. vscode Ctrl+` 打开终端安装插件 npm install vue3-print-nb --save 2. 在main.js使用插件
Vue h5项目添加蓝牙打印标签功能
weixin_42613910的博客
11-07 2128
Vue h5项目添加蓝牙打印标签功能，蓝牙打印机为佳博打印机
vue 打印
m0_50013284的博客
11-11 2309
vue 打印
vue 打印html ＜iframe＞标签（内容打印）超详细
weixin_45137175的博客
07-12 2267
今天领导给了个需求，需要配合其他项目组给一个公共组件的npm进行,公共组件打印，打印操作由这个npm包来操作。（经过开会商讨，最后决定配置一个path路径，来展示页面，然后我负责在公共这里打印相应页面内容。）在这之初都是好着的，首先进行配置，这里只需要一个input框来给后端传值就可以了，这一步没什么好讲的，
Vue利用vue-print-nb实现打印功能
weixin_69174819的博客
11-23 1853
通过Vue2或者Vue3，利用vue-print-nb插件实现打印功能。
vue插件——vue-print-nb 实现打印功能
yehaocheng520的博客
02-26 2428
vue插件——vue-print-nb 实现打印功能
vue3如何使用vue-print-nb打印
05-28
要使用vue-print-nb插件进行打印，你需要按照以下步骤进行操作： 1.首先，你需要使用npm或yarn安装vue-print-nb插件。可以在终端中运行以下命令进行安装： npm install vue-print-nb 2.安装完成后，在你的Vue组件中引入vue-print-nb插件： import Print from 'vue-print-nb'; 3.在组件中使用打印功能，可以在组件的methods中添加一个名为print的方法，在该方法中调用Print组件的print方法： methods: { print() { this.$print({ printContainer: '.print' //你需要打印的区域的class名称 }) } } 4.在组件模板中添加一个打印按钮，并将其绑定到print方法： <button @click="print">打印</button> 这样就可以使用vue-print-nb插件进行打印了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值