原文:在vue中实现页面指定内容打印

在vue开发中,我们会遇到很多关于打印的需求,我将比较常用的方法记录一下。 我使用的方法是在页面设置一个节点,获取该节点,通过给该节点追加样式来实现打印。 html页面元素 v show false 确保该节点不会在页面中显示 js实现打印 打印会在新的窗口实现打印 ...

2021-01-22 15:38 0 810 推荐指数:

查看详情

vue项目-打印页面指定区域的内容(亲测有效!)

  关于打印整个页面的,没什么好说的。今天我给大家分享一个打印指定区域的方法,你想打印哪里,就打印哪里! 我也是刚刚开始接触打印这一块功能的,然后当然是找度娘深入了解了一番啦,期间试了网上的各种方法,有的压根就没效果; 有的可以实现打印部分区域的页面,但是在打印界面会丢失样式,那样子界面会很丑 ...

Thu Nov 15 05:44:00 CST 2018 0 8486
jquery 实现打印指定区域的内容

jQuery控制网页打印指定区域的方法; 先上效果图 Html: <div id="printArea" style="width: 500px; text-align: left;"> <table> <thead> <tr> ...

Wed May 27 17:21:00 CST 2020 0 1032
Vue页面实现打印功能

实现打印功能,需要安装一个插件vue-print-nb,使用方法如下 1)安装全局的插件 2)在main.js中注册 3)在页面中使用 项目运行后,输入信息点击打印,就会看到打印预览的信息,如图 左侧是打印的预览图,右边的打印设置,在目标 ...

Sun Jun 27 03:10:00 CST 2021 0 714
使用jqprint插件实现打印页面内容

业务场景 客户需要在页面有一个打印按钮,点击之后可以打印Echarts图表的内容以及文字提示信息,经谷歌搜索发现,实现方法大概有三种之多,其他两种不太熟悉,而采用的这种打印方式是一个在jQuery的基本上开发的一个print插件,因此可以使用jQuery的方式查找元素,因此决定 ...

Mon May 14 22:59:00 CST 2018 0 2767
VUE实现打印

1.安装 npm install vue-print-nb --save 2.在mian.js引入 import Print from 'vue-print-nb' Vue.use(Print); 3.在页面中使用 <el-dialog title ...

Fri Jun 21 23:12:00 CST 2019 0 1637
window.print()打印页面指定内容(使用iframe保证原页面不失效)

使用window.print()时会出现两个问题: (1)直接使用window.print() 打印的是整页内容-->无法实现打印指定区域 (2)打印时替换body内容打印完成后再替换回来-->这样会导致原来页面状态失效 使用iframe即可打印指定内容,也可保证页面不失 ...

Sun May 21 19:22:00 CST 2017 0 17124
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM