vue-print-nb实现页面打印,如何隐藏打印打印区域_vue打印的时候如何隐藏部分内容

作者：羊村懒王 | 2024-02-18 05:29:31

踩

vue打印的时候如何隐藏部分内容

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

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

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/105200