vue-print-nb库本身不提供直接修改页眉页脚的API,但你可以通过CSS来控制打印时的页面样式,包括页眉页脚。 2. 查找vue-print-nb官方文档或相关教程中关于去掉页眉页脚的说明 在vue-print-nb的官方文档或相关教程中,虽然没有直接说明如何去掉页眉页脚,但通常会提到可以通过CSS来控制打印样式。 3. 根据找到的说明或示例...
// 导入打印插件 import Print from 'vue-print-nb' Vue.use(Print); .vue页面中使用 打印内容 <el-button type="primary" v-print="'printConfig'">打印</el-button> data中定义变量 printConfig:{ id:'printPage', //被打印部分的id popTitle:'打印后,页眉居中的标题' }, 必要的样式 <!--...
第二步、引入插件 /** * main.js / import Vue from 'vue' import Print from 'vue-print-nb' Vue.use(Print) 1. 2. 3. 4. 5. 6. 第三步、代码编写 打印参数说明 id: "printDomId", // 需要打印的容器ID extraCss: "", // 打印时引入一个css文件 popTitle: " ", // 打印的页眉标题,...
打印内容 <el-button v-print="'#printDiv'">打印</el-button> 或<el-button v-print="'printConfig'">打印</el-button> export default { data() { return { printConfig:{ id:'printPage', //被打印部分的id popTitle: '配置页眉标题', // 打印配置页上方的标题 extraHead: '打印', // 最...
1.去掉页眉页脚 @page { size: auto; margin: 0mm; } 2.打印內容不自动换行问题 只需要给不自动换行的标签加上 word-wrap:break-word 即可。 .procedure{ word-wrap:break-word; } 五、简单例子 <template> Essential Links // 局部打印文本以及...
https://github.com/shengbid/vue-demo这个项目里平时博客写的一些功能的代码都放在里面,有需要可以下载看看,有帮助的话点个star哈 使用方式 安装npm install vue-print-nb --save 在main.js文件中注册 import Print from 'vue-print-nb' Vue.use(Print); ...
<template> sssssssss 打印22 </template> const print = ref({ id: 'printArea', popTitle: '配置页眉标题', // 打印配置页上方的标题 extraHead: '打印', // 最上方的头部文字,附加在head标签上的额外标签,使用逗号分割 preview: true, // 是否启动预览模式,默认是false previewTitle: '预览的标...
.vue页面中使用 打印内容 <el-buttontype="primary"v-print="'printConfig'">打印</el-button> 1. 2. 3. 4. 5. data中定义变量 printConfig:{ id:'printPage',//被打印部分的id popTitle:'打印后,页眉居中的标题' }, 1. 2. 3. 4. 必要的...
点击打印按钮,就会弹出打印预览和设置的弹框,在设置区域可以选择打印机、可以选择打印布局(横向、纵向)、打印纸张尺寸、边距和页眉页脚等 print2.png 4、其他需求 (1)打印隐藏内容 在打印弹框中需求显示查看的内容,但是在打印的时候需要隐藏,不打印显示
data() {return{//和下边 一起的作用是去掉页眉页脚、去掉多出空白页的问题printObj: { id:'printTest', popTitle:'', ectraHead:''}, shortData: [], variety:'', zsAll:0,//已检整木 总数woodVolumeAll:0,//材积damagedWoodAll:0,//断木notCheckWoodAll:0,//未检整木updateTime:''} },meth...