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