vue-print-nb实现页面打印,如何隐藏打印打印区域

flym_

于 2023-12-05 18:56:16 发布

阅读量2.3k

点赞数 1

文章标签： vue.js 前端 javascript vue-print-nb js打印

本文链接：https://blog.youkuaiyun.com/u014689760/article/details/134814739

版权

本文介绍了如何在使用Vue-print-nb时，通过隐藏打印按钮并利用v-print指令，在点击常规打印按钮前执行自定义逻辑，以控制不打印某些DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题: 我们在使用vue-print-nb实现页面打印时，有些dom元素是不需要打印出来的，我们可以点击打印按钮时，再打印之前来做些操作就可以实现需求了，具体代码如下

<button style="display:none" v-print="printObj" ref="printBtn">打印</button>
<el-button  type="primary" @click="print">打 印</el-button>

// 打印
      print() {
        // 写自己的代码逻辑
        this.$refs.printBtn.click();
      },