vue-print-nb库本身不提供直接修改页眉页脚的API,但你可以通过CSS来控制打印时的页面样式,包括页眉页脚。 2. 查找vue-print-nb官方文档或相关教程中关于去掉页眉页脚的说明 在vue-print-nb的官方文档或相关教程中,虽然没有直接说明如何去掉页眉页脚,但通常会提到可以通过CSS来控制打印样式。 3. 根据找到的说明或示例...
<el-button type="primary" @click="dialogVisible" v-print="printObj">打印</el-button> data: printObj: { id: 'printMe',//id popTitle: "标题",//自定义设置标题 }, 四:插件优化 1.去掉页眉页脚 @page { size: auto; margin: 0mm; } 2.打印內容不自动换行问题 只需要给不自动换行的标...
vue-print-nb插件的一些优化 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...
也可以将vue-print-nb源码放到项目中,即print里面的代码 如: 只是要改动一下,vue3自定义指令和vue2自定义指令不太一样,将print.js中的 bind(el, binding, vnode) {} 函数修改为 mounted: (el, binding, vnode) => {}, 去掉vue.$nextTick, 还要注意替换main.js文件里的print引用文件地址 就可以使用了...
(1)把vue-print-nb的文件夹放到自己的文件夹中,在src 下新建utils文件 里面放入src 和index.js src里面是print.js 和printarea.js index.js和print.js是自定义指令有关的,我们需要的只是printarea.js main.js里面修改成如下 代码语言:javascript 代码运行次数:0 复制Cloud Studio 代码运行 //import Print from ...
一、安装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)app.mount('#app')// 2. 自定义指令importprin...
在main.js中引入(之前在main.js中引入的vue-print-nb可以去掉了) 修改代码,添加beforeEntryIframe钩子 new e({ ids: r, vue: s, url: i.value.url, standard: '', extraHead: i.value.extraHead, extraCss: i.value.extraCss, zIndex: i.value.zIndex || 20002, ...
vue项目使用vue-print-nb打印网页的一部分,如何设置能去掉页脚部分的链接,保留页码呢 javascriptvue.jscss3 有用关注3收藏 回复 阅读3.5k 1 个回答 得票最新 豫则立 31012881 发布于 2021-09-17 打开 右侧 更多设置 有用 回复 (T ^ T): 这个只能去掉页眉页脚,去掉的话就连页码都去掉了,或者一起去掉之...
vue 打印vue-print-nb 安装配置 npminstallvue-print-nb--save 1. main.js中 // 导入打印插件 importPrintfrom'vue-print-nb' Vue.use(Print); 1. 2. 3. .vue页面中使用 打印内容 <el-buttontype="primary"v-print="'printConfig'">打印</el-button> 1. 2. 3. 4. 5. data...
}; }, methods: {}, computed: {}, created() { }, }; v-print='''#printMe'"直接打印 printObj:可以设置打印页眉 去掉页面页脚 @page{ margin-top:1mm; //去掉页眉 margin-bottom: 1mm; //去掉页脚 }