vue-print-nb实现页面打印,如何隐藏打印打印区域中的某个div？

问题：

设置好打印区域后，如何隐藏打印区域中的某个div呢？

解决：

1、设置css类名

@media print {.hidden{display: none;}
}

2、div上面设置这个css类名即可

<el-button type="primary" class="hidden" icon="el-icon-printer" v-print="printObj">打印</el-button>

vue-print-nb实现页面打印,如何隐藏打印打印区域中的某个div？相关推荐

Vue -print - nb 打印插件使用详解以及连打操作
Vue -print - nb 打印插件 #安装 npm install vue-print-nb --save #在main.js 全局引用 import Print from 'vue-print ...
html 打印时隐藏,html 打印相关操作与实现详解
原理为调用 window.print() 方法,但是该方法只能对当前页面全部打印,所以有了以下方案来解决局部打印 1: 利用 iframe 将需要打印的元素和样式注入再调用打印 // 示例代码 fu ...
Vue使用Print插件实现页面打印功能/打印列表
Vue使用Print插件实现页面打印示例官网地址可以下载最新版官网下载 npm 安装 npm install print-js --save npm安装时将库导入项目(main.js) imp ...
Vue使用PrintJS实现页面打印功能
说明大家好,我是呆小杰,收到一个需求,要求实现拼接成表格并能一键回填数据并能打印成A4大小(或者生成pdf)的功能. 实际上回填数据以及拼接部分都很简单,稍微陌生的就是调用浏览器打印功能并将页面内 ...
vue @media print使用js插入打印页不同尺寸打印，可自定义尺寸大小，打印机配置
业务需求在开发时,遇到需求打印时既能切换A4纸张,又能切换成凭证纸张.而使用 @media 设置尺寸后,影响所有页面,无法实现打印多尺寸的问题. 打印技术使用浏览器自带的 print 打印技术打 ...
vue-print-nb 实现页面打印（含分页打印）
Web 实现页面打印安装官网地址:https://github.com/Power-kxLee/vue3-print-nb // 安装打印组件 npm install vue-print-nb ...
vue打印功能手持终端打印小票，电脑连接打印机打印预览
最近的项目有手持终端打印小票和电脑连接诶打印机打印信息方法有很多种的: 一. vue-print-nb 安装插件 1.安装插件 npm install vue-print-nb --save 2. ...
html meta 跳转白屏,vue使用keepAlive之后页面空白白屏？route和router什么区别呢？...
问题描述: vue使用keepAlive之后页面空白,报错:TypeError: Cannot read property 'keepAlive' of undefined... 为了实现页面跳转之后 ...
vue 监听浏览器页面关闭_前方高能，这是最新的一波Vue实战技巧，不用则已，一用惊人...
❝ 葡萄美酒夜光杯,欲饮琵琶产品催.客户现场君莫笑,古来埋坑几人回? ❞ 最近一直在开发后台管理系统,日复一日的重复着表单表格表格表单,标准的CV仔,感觉好无聊,如何能在这种无聊的开发过程中去提升自己 ...

vue-print-nb实现页面打印,如何隐藏打印打印区域中的某个div？

问题：

解决：

1、设置css类名

vue-print-nb实现页面打印,如何隐藏打印打印区域中的某个div？相关推荐

最新文章

热门文章