vue-print-nb库本身不提供直接修改页眉页脚的API,但你可以通过CSS来控制打印时的页面样式,包括页眉页脚。 2. 查找vue-print-nb官方文档或相关教程中关于去掉页眉页脚的说明 在vue-print-nb的官方文档或相关教程中,虽然没有直接说明如何去掉页眉页脚,但通常会提到可以通过CSS来控制打印样式。 3. 根据找到的说明或示例...
1.去掉页眉页脚 @page { size: auto; margin: 8mm; } 2.打印时没有背景色 Chrome & IE中在样式里加入这句话: -webkit-print-color-adjust: exact; //解决打印没有背景色的问题.is-bordered-label {-webkit-print-color-adjust: exact; color: #909399!important; background: #fafafa!important; }...
data() {return{//和下边 一起的作用是去掉页眉页脚、去掉多出空白页的问题printObj: { id:'printTest', popTitle:'', ectraHead:''}, shortData: [], variety:'', zsAll:0,//已检整木 总数woodVolumeAll:0,//材积damagedWoodAll:0,//断木notCheckWoodAll:0,//未检整木updateTime:''} },meth...
Callback函数中this指向当前print object对象,that返回Vue对象; 不需要页眉页脚可以在打印弹窗页面的更多设置里面取消选择; 不设置popTitle参数页眉标题为undifined; popTitle参数为空时,页眉标题默认为Document Title。 六、参数说明
点击打印按钮,就会弹出打印预览和设置的弹框,在设置区域可以选择打印机、可以选择打印布局(横向、纵向)、打印纸张尺寸、边距和页眉页脚等 print2.png 4、其他需求 (1)打印隐藏内容 在打印弹框中需求显示查看的内容,但是在打印的时候需要隐藏,不打印显示
// 打印媒体查询@mediaprint {#printTest{margin:0;height:266.5mm;//采用默认页眉页脚时,单页内容大概长度,多页时倍数乘} } AI代码助手复制代码 上述方法中,如果刚好占一页,(标准盒子)再添加边框就会多一页空白,说明包括边框、内外边距、内容只要超过页面高度,就会再开一页。
vue打印插件vue-print-nb的实现代码 vue打印插件vue-print-nb的实现代码1.引⼊插件npm install vue-print-nb --save 在main.js中引⼊ import Print from 'vue-print-nb'Vue.use(Print)2.html代码 ⽊材检尺报告书 船名 {{ goods.shipName }} 输出国 {{ goods.exportCountry }} 树种...
http-equiv="Content-Language"content="zh-cn"/>',},};},methods: {},computed: {},created() { },}; v-print='''#printMe'"直接打印 printObj:可以设置打印页眉 去掉页⾯页脚 @page{ margin-top:1mm; //去掉页眉 margin-bottom: 1mm; //去掉页脚 } ...
@mediaprint{//media标签@page{size:A5 portrait;//设置纸张及其方向 portrait:纵向; landscape: 横向margin-top:0mm;//去掉页眉margin-bottom:0mm;//去掉页脚margin:2mm3mm;:设置左边距和右边距为2毫米,上边距和下边距为3毫米。}h4{color:red;//打印时将标签h4设置为红色}p{page-break-before:always;}:在...
https://github.com/shengbid/vue-demo这个项目里平时博客写的一些功能的代码都放在里面,有需要可以下载看看,有帮助的话点个star哈 使用方式 安装npm install vue-print-nb --save 在main.js文件中注册 import Print from 'vue-print-nb' Vue.use(Print); ...