前端哥

Vue3 TypeScript printjs 实现标签批量打印功能

2024-08-21方法中使用nextTick是当el-dialog弹窗DOM加载完成后在调用PrintJS获取需要打印的区域,这个直接打印过程其实会先弹窗然后DOM加载完成后直接调用浏览器打印界面,后面把弹出关闭,如果不加载el-dialog可以通过动态加载html内容来实现直接打印,我这里图方便就用该方法实现了。实现过程:主界面点击"打印标签"调用el-dialog弹窗(预览和直接打印都居于弹窗实现)实现功能:前端点击"打印标签"弹出打印界面进行打印作业。最后,如果需要带二维码的同学可以添加。打印组件:Print-JS。_vue3 printjs

https://www.qianduange.cn//article/16440.html 分类:前端知识

Vue3 开发实战分享——打印插件 Print.js 的使用(Vue3 Nodejs Print.js 实战)以及 el-table 与 el-pagination 的深入使用(上)

2024-05-20今天久违的更新一下关于 Vue 的文章了,本篇文章是基于 Vue3 Node.js ElementPlus 的实战项目分享,实战内容包括有打印插件 Print.js 的使用,以及关于 ElementPlus 中的 el-table 与 el-pagination 的深入使用。本次项目以文章(axios 实战进阶练习——基于 Vue3 Node.js ElementPlus 实现的联系人列表管理后台)中的项目为模板进行改动和编写。_vue3 print.js

https://www.qianduange.cn//article/8964.html 分类:前端知识

2条数据,当前1/1

最近搜索

会员中心 联系我 留言建议 回顶部