str += "<style>" + (this.options.noPrint ? this.options.noPrint : '.no-print') + "{display:none;}</style>"; str += "<style>html,body,div{height: auto!important;font-size:14px}</style>"; return str; }, getHtml: function () { var inputs = document.querySelectorAll('input...
options, debug) {if(!(thisinstanceofPrint))returnnewPrint(dom, options, debug);this.options =this.extend({'noPrint': '.no-print'}, options);this.debug = debug;//是否调试打印,参数是针对打印页面的样式控制,便于显示打印的页面调试if((typeofdom) === "string") {this.dom =document.query...
首先网上已经有很多使用步骤,比如 https://www.jianshu.com/p/c5363ddf7d43 相关链接:pringt.js github地址 里面也有使用说明 主要记录以下使用时发现的问题: 1.样式问题 我使用的element组件,发现分栏布局 xs\md\lg没有效果。我想大概这种组件封装的样式使用都有点问题。从这思路去入手解决吧。我看了许多,目前...
1、用的是vue.js vue-print.js2、打印的html,我是直接通过js来拼接的字符串,因为vue-print插件要求是object(DOM),就另外创建了一个div,然后将字符串给这个div,再获取这个div的html。 尝试过的方法:1、直接改table的宽度,发现默认情况下,table的最大宽度设置成1175px就可以正常打印,再大右边就会缺失。但是这样...
1、用的是vue.js vue-print.js2、打印的html,我是直接通过js来拼接的字符串,因为vue-print插件要求是object(DOM),就另外创建了一个div,然后将字符串给这个div,再获取这个div的html。 尝试过的方法:1、直接改table的宽度,发现默认情况下,table的最大宽度设置成1175px就可以正常打印,再大右边就会缺失。但是这样...
1、首先需要安装html2canvas 和print-js 插件并引入,配置请参考文档:https://github.com/niklasvh/html2canvas 2、写一个打印公共方法: //html转图片打印(解决element table打印不全的问题)importhtml2canvasfrom"html2canvas";importprintJSfrom"print-js";/** * html转图片 * @param printContent * @param ...
项目采用jeecg框架，提供了打印插件。实现步骤如下：1. 前端引入Vue-print依赖。2. 在main.js中导入Vue-print插件并使用。3. 在HTML中添加打印按钮，使用v-print指令，指定打印区域，例如打印表格。4. 定义一个用于打印的HTML区域。考虑到表格生成的页面不够美观，采用ant-design-vue的格栅系统处理页面...
<i-button type="primary" @click="hanldepoint">打印</i-button> 2.js import html2canvas from "html2canvas"; import printJS from "print-js"; hanldepoint() { const printContent = this.$refs.printTest; // 获取dom 宽度 高度 const width = printContent.clientWidth; ...
一.安装及引入Print.js 1.安装 npm install print-js --save //or yarn add print-js 2.在需要使用的文件引入 import printJS from 'print-js' 二.介绍 Print.js有四种打印类型:'pdf'、'html'、'image'、'json'。 它的基本用法是调用printJS()并传入参数 ...