vue-print-nb无法让多余内容分页,只显示一页

最新推荐文章于 2024-07-23 14:53:22 发布
最新推荐文章于 2024-07-23 14:53:22 发布
阅读量2.3k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ghost_brother/article/details/116197103
版权

vue-print-nb无法让多余内容分页,只显示一页,原因:外部盒子有overflow:hidden属性,如果改为inherit则可以

解决方法二,使用print.js插件,https://github.com/zxc19890923/print/blob/master/print.js下载插件,在项目中引用

// 搜索getStyle方法，添加：str += "<style>html,body,div{height: auto!important;font-size:14px}</style>";
此时打印即可分页

「已注销」
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-print-nb实现页面打印
xin_666的博客
02-11 3469
1、安装及配置 安装依赖：npm install vue-print-nb --save 在main.js中引入
2024年前端最全vue3实现区域打印功能(vue3-print-nb)，在线前端开发培训
2401_84123113的博客
05-06 1222
我就是被打印的内容在#printBox 容器里的内容都会被打印噢
VUE打印demo，自动分页
10-10
VUE打印demo，自动分页
关于vue3-print-nb打印自动分页的问题
最新发布
qq_37225650的博客
07-23 262
这个属性就可以实现跨页时自动分页，而不是一个模块跨页显示。
Vue项目之分页功能只显示第一页，后面有数据点击第二页也不显示
m0_49245701的博客
01-14 7300
最近遇到做项目遇到了一个小问题，就是我已经设置了6条数据，但是点击第二页却不显示第二页的数据，仍然在第一页，如下图 首先总条数是对的，说明后端返回回来的数据是正确的。 然后去前端查找与分页相关的内容，结果发现前端vue的方法里面并没有将后端返回的page和size赋给我们前端的变量。（如果不确定val是什么，可以照图中console.log一下） 所以，将其改正过来（记得赋值后，要再调用一遍刷新获取数据的方法），就大功告成啦。 以后可不要再这么粗心了 ...
vue打印问题（分页打印、批量打印条形码）
俺也不敢问
03-30 5624
前言 项目需求打印功能所遇到的问题。在此记录，望能帮到你 一下问题： 当内容超过一页时不会自动分页？ 当使用vue3-barcode 打印条形码时，不能批量打印？ 基础打印 安装 官网地址：https://github.com/Power-kxLee/vue3-print-nb npm install vue3-print-nb --save 引用 // Global instruction import { createApp } from 'vue' import App from
vue实现打印功能（可多页打印）
weixin_52473844的博客
11-13 1401
当我们使用插件时，发现只能打印一张，很难受，现在封装了一个可以多页打印的工具类，简单方便，话不多说，直接上代码。
vue-print-nb:Vue插件，打印！ 好的！
05-12
vue-print-nb 这是用于包装，简单，快速，方便，轻便的指令包装纸。 安装 Vue2版本： npm install vue-print-nb --save import Print from 'vue-print-nb' // Global instruction Vue . use ( Print ) ; //or // ...
vue-print-nb 分页打印
10-08
vue-print-nb是一个基于Vue.js的打印插件，可以方便地实现网页的分页打印功能。 首先，你需要在你的Vue项目中安装vue-print-nb插件。可以使用npm或yarn来进行安装： ``` npm install vue-print-nb --save ``` ...
vue-print-nb组件打印页面，打包发布到nginx后打印异常
System_xia的博客
08-24 207
vue
解决vue-print-nb每次打印都会多出一张空白页
qq_42544091的博客
08-05 3908
解决vue-print-nb每次打印都会多出一张空白页
vue-print-nb打印问题总结
热门推荐
q1424966670的博客
08-18 2万+
1、如果打印出来，表格的列缺失 原因：table-layout: fixed导致的 让表table布局更加符合预期，普通使用table时，其table-layout默认值是auto，导致表格第二行和第一行不一样宽，也就是两行的宽度不对齐。而使用： table { table-layout: fixed; } 则会让表的布局以第一行为准，设置表格的宽度，然后其他行的表格宽度就按照第一行为准。一般表格第一行是表头标题，第二行以后是数据行，也就是让数据行的每列宽度向第一行列宽度看齐。...
vue3使用 vue3-print-nb打印坑
qq_41434612的博客
05-27 1577
坑
Vue3+vue3-print-nb 实现分页打印功能
Z1014h的博客
01-08 3220
注意：一定要给需要打印的容器加一个id,点击打印按钮的时候调用传入的id。只需要给不自动换行的标签加上。3. 样式布局不生效问题。
vue 使用vue-print-nb组件打印时出现一张空白页
weixin_44277937的博客
09-05 1385
vue 使用vue-print-nb组件打印时出现一张空白页
vue-print-nb的使用与常见问题
m0_54866636的博客
02-23 8200
vue-print-nb的使用 vue-print-nb网址 npm安装指令：©npm i(stall) -s(ave) vue-print-nb main.js中配置 import Print from 'vue-print-nb' Vue.use(Print); 挂载：触发元素添加v-print属性，值为id字符串v-print=”’#id名’”或对象（data return或直接写对象） 页眉和页脚 默认显示页眉页脚→上左：时间；上中：标题；下左：网址；下右：页码。 设置间距
vue 打印分页及图片空白问题
anny_mei的博客
12-18 1787
vue-print-nb这个打印功能不能实现分页,然后我百度了好久发现用print.js可以搞定分页,随带还可以转pdf https://github.com/denghao123/Print.js 在main.js中引入Print.js和comm.css 然后在print.js中加入此行代码 str += "<style>html,body,div{height: auto!imp...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值