return { resultArray:[],//用来打印的数据 } }, created() { }, mounted() { }, methods:{ printInt(){ this.$nextTick(()=>{ this.handleDeal() setTimeout(()=>{ let id = document.getElementById('container'); printJS({ printable:id, type:'html', style: 'table{font-size:12px; ...
5. 测试打印功能,确保标签能够正确打印 运行您的Vue应用,并点击“批量打印”按钮来测试打印功能。确保所有标签都能按照预期被打印出来,并且样式符合要求。 以上就是在Vue3+TypeScript项目中使用printjs库实现标签批量打印功能的基本步骤和代码示例。希望这能帮助您解决问题!
vue print.js 批量打印功能 [需要打印页面页码张数的] (打印方法一) 摘要:批量打印 : 1.用到print.js 自行安装 安装完成后 引用 import printJS from 'print-js'; 2.用到深拷贝 深拷贝代码:(可以将此代码放在一个页面中,对此进行引用即可,例如:放在until文件中,引用代码 import { deepClone } from '阅读...
Typescript代码: printrow 方法中使用nextTick是当el-dialog弹窗DOM加载完成后在调用PrintJS获取需要打印的区域,这个直接打印过程其实会先弹窗然后DOM加载完成后直接调用浏览器打印界面,后面把弹出关闭,如果不加载el-dialog可以通过动态加载html内容来实现直接打印,我这里图方便就用该方法实现了。 printJS({printable:区域i...
一、批量打印 批量打印这里用的其实就是纯js的写法,直接上代码吧: <template><liv-for="(item,index) of tableData":key="index":id="'printDiv' + index"style="page-break-after:always;">{{item.date}}{{item.name}}{{item.province}}{{item.city}}{{item.address}}{{item.zip}}打印</templat...
.printDoubleData: ',this.printDoubleData)//打印varnewWin=window.open('')//新打开一个空窗口data.map((item,i)=>{varimageToPrint=document.getElementById('content'+i)//获取需要打印的内容// console.log('imageToPrint: ', imageToPrint)newWin.document.write(imageToPrint.outerHTML)//将需要打印...
4.如需通过链接地址打印:window.location.href = airway_bill; airway_bill 为链接地址。 5.如果内容打印不全,在打印操作时点击更多设置,然后设置缩放。 第二种方法:手动下载插件到本地 1.在src下新建文件夹plugs,将下载好的print.js放入plugs文件夹下,然后操作如下 ...
vue打印功能实现的两种方法总结 1,安装 npm install vue-print-nb --save 2,引入 安装好以后在main.js文件中引入 import Print from 'vue-print-nb' Vue.use(Print); //注册 3,现在就可以使用了 明月照于山间 清风来于江上 4.如需通过链接地址打印:window.loc ...
⽅法1. 添加no-print样式类 不要打印我 ⽅法2. ⾃定义类名 不要打印我this.$print(this.$refs.print,{'no-print':'.do-not-print-me-xxx'}) // 使⽤批量打印 批量打印这⾥⽤的其实就是纯js的写法，直接上代码吧：<template> {{item.date}} {{item.name}} {{item.province}} ...
vue+element实现单条打印、批量打印(图片) winodw.print()方法 print() 方法用于打印当前窗口的内容。调用 print() 方法会产生一个打印预览弹框,让用户可以设置打印请求。最简单的打印就是直接调用window.print(),当然用 document.execCommand('print') 也可以达到同样的效果。默认打印页面中body里的所有内容。