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...
<el-button type="primary" style="width:200px;" @click="printBtn">打印表单</el-button> 送团计划 <el-row class="trip_info"> <el-col class="content">团队编号:{{data.plan_no}}</el-col> <el-col class="content">线路名称:{{data.plan_name}}</el-col> <el-col class="content"...
1、将vue项目node-modules中的vue-print-nb/print文件夹下的所有内容拷贝出来，放到项目中。我这里是放到了src/assets/vue-print-nb目录下。2、修改拷贝的源码printarea.js中getBody()返回的。添加样式：style="height:auto"。3、修改main.js中的引用。解决。遗留问题：打印预览的最底部出现空白页，一般是由于margi...
在打印预览中使用浏览器的开发者工具调试页面,检查是否有多余的元素或样式影响打印结果。 7. 版本问题 确保你使用的是vue3-print-nb的最新版本,可能旧版本存在已知问题。 npm install vue3-print-nb@latest 1. 通过以上步骤,你应该能有效排查和解决vue3-print-nb打印时多出空白页的问题。如果问题仍然存在,建议提...
vue 中使用print.js 打印遇到的问题 ? 不管怎么设置打印部分的 margin和height 仍会在预览时多出一张空白页?求各位大佬遇到过的请留言谢谢!
* 使用示例: 1. 先在mian.js中引入 * 2. 函数中调用this.$print(this.$refs.xxxx)*/ /* e...
1. 全局打印生效 解决打印出现空白页的问题 解决el-table表格内容过多,打印不全问题 解决作用域污染问题导致el-table序号错位 @page { size: auto; margin: 3mm; } @media print { html { background-color: #ffffff; height: auto; margin: 0px; } body { border: solid 1px #ffffff; margin: 10mm...
vue3使用vue3-print-nb多打印一个空白页情况排查 在使用vue3-print-nb进行打印时,如果遇到多打印一个空白页的情况,可能有以下几种原因:CSS样式问题:页面元素的 margin 或 padding 可能导致额外的空间,从而打印出一个空白页。尝试调整页面元素的样式,特别是要确保没有过大的 margin 或 padding。页面内容高度问题:...
vue-cli输入命令:npm run build 即可打包vue.js的项目 打包出来后项目中就会多了一个文件夹dist,下图为我们打包过后的项目 我们直接运行打包后的文件夹中的index.html文件,会看到网页一片空白,f12调试,全是css,js路径引用错误的问题。 解决:到config文件夹中打开index.js文件。