如果vue3-print-nb无法满足你的需求,可以考虑使用其他Vue 3兼容的打印插件或库,如html2canvas结合jsPDF等,来实现更复杂的打印功能。 另一个选择是自行实现打印功能,通过CSS样式和JavaScript来控制打印内容的生成和打印设置。 希望以上建议能帮助你解决vue3-print-nb打印表格不全的问题。如果问题依然存在,建议检查控制...
使用vue-print-nb打印，当数据很多时，打印预览显示不全。原因：首先，为了使打印按钮始终固定显示在页面上部，对id=”print”所在的div的高度进行了计算，使其正好布满剩余屏幕高度。v-html引用的datas是从后端请求来的，由于数据很多，超出了一屏，且其父容器id=”print”设置了：overflow-y: auto;，使id=”pri...
使用vue-print-nb // 被打印的容器 这块内容将会被打印 // 打印按钮绑定 printObj <el-button v-print="printObj">打印</el-button> // 在数据data中添加 printObj: { id: 'printMe', // 这里是要打印元素的ID popTitle: ' ', // 打印的标题 extraCss: '', // 打印可引入外部的一个 css 文...
2.1首先看能不能从element 着手,但是element 的table有设置Table-column Attributes 的width属性 但是是px不是百分百。 2.2既然element不行 那就从vue-print-nb 着手,首先 我们要清楚print的原理其实就是将我们要打印的id包裹的内容(其实是生成图片)放到一个iframe 然后再打印。那我们就走打印之前修改这些table>colgro...
使用vue-print-nb 打印table,数据是后端接口返回的动态数据,当时数据很多时,打印预览的表格还是只有一页,如下图:数据太多,中间省略未截图。打印预览如下,只有一页: 代码:(这里的table代码示例与我另一篇文章中的是一样的,此处不再详细贴了,大家点过去看吧:table) 序号 姓名 学号 性别 班级 {{it}} ...
使用vue-print-nb打印,不同分辨率(1366一下或1600以上)时,el-table有些列没有打印出来(页面能够正常展示),查看官方api,通过设置打印样式也无法全部打印: 1printObj:{2id:"printId",3popTitle:"",4extraHead: ', #printId { width: 100%; } '5} 解决方法1:手撸一个el-table样式的表(没有分页): 样...
首先，安装vue-print-nb，确保其功能得到充分利用。在项目的main.js文件中，引入vue-print-nb。使用vue-print-nb的API解决打印时的样式问题，通过修改CSS。对于打印不全的问题，需要通过修改源码来解决，可直接将相关文件复制到项目中的assets目录下。任意选择一个文件放入。将上述文件放置到assets目录，...
经我研究多天,因为我是从接口拿的数据,数据量会很多,但是vue-print-nb这个插件只打印了21条表格数据,又尝试了print.js的方法,依旧不行,达不到我想要的效果,然后我继续研究了vue-print-nb这个打印方法。。。 第一步:vue项目得下个依赖包,命令是 npm install vue-print-nb --save ...
1、print-js 直接传送门吧任意门 2、vue-print-nb(table太多,打印不全问题,直接改用第一种) 1、第一种方法 1,安装 npm install vue-print-nb --save 2,引入 安装好以后在main.js文件中引入 import Print from 'vue-print-nb' Vue.use(Print); //注册 ...