<el-buttonv-if="!purchase"type="primary"@click="print">打印</el-button> </el-dialog> </template> ... // 引入插件中的打印方法 importprintJSfrom'print-js' exportdefault{ ... print() { // 打印表单 this.$print(this.$refs.form) } } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 1...
2.2、js部分 子组件methods //print方法是在父组件触发的print(){this.$nextTick(()=>{// 延迟到下次dom更新执行this.$print(this.$refs["printArea"],{noPrint:".noPrint",type:"html",onStart:()=>{console.log("打印开始");},onEnd:()=>{console.log("打印完成");},});});}, 父组件html ...
1. 安装print-js 1 npm install print-js --save 2. 在node_module下面找到print-js文件夹,然后把dist文件里面的print.js文件复制到项目中,然后把package.json里面的引入和包都删掉。 3. 在main.js中引入pint.js 1 importprintJS from'@/utils/print.js' 4. 打印按钮页面 1 <el-button type="primary"@...
Print.js 网页打印插件 原生js,不依赖其它库 可指定打印(或不打印)区域 支持css样式(内联、外联、嵌入) 支持input(radio/checkbox/text)、select、textarea值获取 使用方法 引入Print.js 1 绑定方法 1 Print('#Dom'); 指定不打印区域 方法一. 添加no-print...
这俩天客户提了个需求,需要打印俩个自定义的表格模板,一开始想到的是打印Json表格,但是发现表格样式不符合要求,后来想着打印html,自己生成html模板然后打印,基本可以满足客户的需求,废话不多说,上图上代码 自己遍历生成table,如果自己写的html模板需要去除空格,可
el-table打印不全 image.png 方法一:修改print.js的getHtml方法,增加对表格的宽度处理 getHtml:function(){varinputs=document.querySelectorAll("input");vartextareas=document.querySelectorAll("textarea");varselects=document.querySelectorAll("select");letcells=document.querySelectorAll(".cell");for...
* 打印类属性、方法定义,需要先在插件中引入 * 使用示例: 1. 先在mian.js中引入 * 2. 函数中...
1. 使用 CSS 样式：在打印样式表中，为表格元素添加合适的边框样式，例如：```css @media print { ...
检查打印样式：确保在打印样式表中正确设置了表格的边框样式。你可以使用 CSS 的 @media print媒体查询来...
第1步:安装printjs 第2步:导入printjs 第3步:使用printjs PS:printjs属性汇总 最近开发的页面统计报表部分突然说要有打印功能,那就只能加一个了,做的也比较简单,由于是使用vue开发的项目,需要打印统计页面局部表格内容,使用printjs非常方便就实现了,以下是相关简单的记录演示说明。