在打印预览中使用浏览器的开发者工具调试页面,检查是否有多余的元素或样式影响打印结果。 7. 版本问题 确保你使用的是vue3-print-nb的最新版本,可能旧版本存在已知问题。 npm install vue3-print-nb@latest 1. 通过以上步骤,你应该能有效排查和解决vue3-print-nb打印时多出空白页的问题。如果问题仍然存在,建议提...
vue3使用vue3-print-nb多打印一个空白页情况排查 一、安装vue3-print-nb npm install vue3-print-nb--save yarn add vue3-print-nb 1. 2. 二、引入Vue项目 // 1. 全局挂载import{createApp}from'vue'importAppfrom './App.vue'importprintfrom 'vue3-print-nb'constapp=createApp(App)app.use(print...
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...
vue-print-nb打印多出空白页问题 在需要打印的vue页面里,写入以下样式: @page{ size: auto;margin:3mm; }html{background-color:#ffffff;height: auto;margin:0px; }body{border: solid1px#ffffff;margin:10mm15mm10mm15mm; }
1、将vue项目node-modules中的vue-print-nb/print文件夹下的所有内容拷贝出来，放到项目中。我这里是放到了src/assets/vue-print-nb目录下。2、修改拷贝的源码printarea.js中getBody()返回的。添加样式：style="height:auto"。3、修改main.js中的引用。解决。遗留问题：打印预览的最底部出现空白页，一般是由于margi...
经我研究多天,因为我是从接口拿的数据,数据量会很多,但是vue-print-nb这个插件只打印了21条表格数据,又尝试了print.js的方法,依旧不行,达不到我想要的效果,然后我继续研究了vue-print-nb这个打印方法。。。 第一步:vue项目得下个依赖包,命令是 npm install vue-print-nb --save ...
使用vue-print-nb 打印table,数据是后端接口返回的动态数据,当时数据很多时,打印预览的表格还是只有一页,如下图:数据太多,中间省略未截图。打印预览如下,只有一页: 代码:(这里的table代码示例与我另一篇文章中的是一样的,此处不再详细贴了,大家点过去看吧:table) 序号 姓名 学号 性别 班级 {{it}} ...
vue 使用vue-print-nb组件打印时出现一张空白页 我是七月关注赞赏支持vue 使用vue-print-nb组件打印时出现一张空白页 我是七月关注IP属地: 陕西 0.1912022.12.08 09:00:56字数0阅读1,287 @page { size: auto; margin: 3mm; } html { background-color: #ffffff; height: auto; margin: 0px; } body...
解决打印element表格打印不全的问题 1.因为需要修改源码,所以直接拷贝以下文件,放到项目的assets目录下,两个文件哪个都可以 到assets目录下 在main.js中引入(之前在main.js中引入的vue-print-nb可以去掉了) 修改代码,添加beforeEntryIframe钩子 new e({