打印问题，需求是跳转到打印页面时直接弹出浏览器打印模式弹窗，当用户点击打印或取消打印时再关掉该打印页面并且返回到目标窗口源（父）页面并重载页面数据

可以使用window.print()配合 afterprint事件以及window.opener.location.reload()

afterprint：在相关联的文档已开始打印或打印预览已关闭之后, 触发事件。还有beforeprint事件
window.opener：返回打开当前窗口的那个窗口的引用，例如：在window A中打开了window B，B.opener 返回 A.
window.opener.location.reload()：都是弹出窗口关闭时用来刷新父窗口。
例如下面代码当用户在父页面点击后用window.open新开一个窗口为打印页，然后直接跳出下图中的打印页面，用户点击打印或取消时都会触发afterprint事件

mounted() {// 给window添加一个打印后事件，用户点击打印或取消按钮后执行window.addEventListener('afterprint', () => {// 调打印页面window.close();if(window.opener && window.opener.location){// 跳回并且重载父页面window.opener.location.reload()}})},

使用execCommand也可以实现但是它已废弃而且会有兼容性问题，所以最好不要使用。
参考execCommand
上面文档中没有print这个参数即

document.execCommand("print")

但是项目中有使用到，所以记录下。执行这行代码后会自动浏览器打印模式页面效果类似于*window.print();但不同的是window.print();*无法监听用户对浏览器弹出的打印页面点击了取消或者打印按钮

window.print()与execCommand的区别：

调用execCommand弹出打印页面后只有点击打印页面取消或打印按钮后才会执行execCommand后面的代码；而window.print()则会直接接着执行后面的代码
execCommand点击取消或打印按钮都会返回一个true；window.print()没有返回值，无法确定用户是否有点击这两个按钮

打印问题，需求是跳转到打印页面时直接弹出浏览器打印模式弹窗，当用户点击打印或取消打印时再关掉该打印页面并且返回到目标窗口源（父）页面并重载页面数据相关推荐

无法启动计算机打印机服务程序,安装驱动程序时电脑弹出错误窗口“无法启动Windows打印后台程序服务” （适用于Windows OS）...
文档标题:安装驱动程序时电脑弹出错误窗口"无法启动Windows打印后台程序服务" (适用于Windows OS) 文档代码:CHN-FP0117-1 最近修改日期:2020年11 ...
三行代码接入，社交软件打字时底下弹出的表情布局,自定义ViewPager+页面点标+各种功能的android小框架。...
(转载请声明出处:http://www.cnblogs.com/linguanh/) 前言: 接上次分享的 ListView 动态加载类,入口:http://www.cnblogs.com/lingu ...
Android --- 进入页面时，不弹出软键盘。当 EditText 被点击时不弹出软键盘，而是调用其他选择器，比如时间选择器等
功能需求: 1.进入页面时,不弹出软键盘 2.当 EditText 被点击时不弹出软键盘,而是调用其他选择器,比如时间选择器等搜索百度测试: 1.百度上说用 editText.setInputTyp ...
FTP登录时一直弹出登录窗口，就算输入正确的账号密码也不能登录
FTP登录时一直弹出登录窗口,就算输入正确的账号密码也不能登录一.问题描述办公室的FTP本来用得好好的,结果有一天突然就不能用了.在文件资源管理器的地址栏输入FTP地址会正常弹出输入账号密码的对话 ...
打开共享计算机不提示密码窗口,windows访问文件服务器共享时不弹出输入用户名和密码窗口...
windows访问文件服务器共享时不弹出输入用户名和密码窗口发布时间:2020-05-29 15:42:33 来源:亿速云阅读:1957 作者:鸽子问题描述: 在客户端电脑,用非administ ...
windows访问文件服务器共享时不弹出输入用户名和密码窗口
问题描述: 在客户端电脑,用非administrator本地用户登陆系统,访问文件服务器共享时没有弹出输用户名和密码的窗口,而是直接进入共享枚举,但没有任何访问权限.如果在客户端电脑用administ ...
JAVA弹出浏览器窗口
JAVA弹出浏览器窗口(方坤[url]www.whjava.com[/url]) /**弹出浏览器窗口***/@SuppressWarnings("unchecked")publi ...
java弹框刷新原页面_JavaScript:关闭弹出窗口时刷新父窗口
说明: 关闭弹出窗口时刷新父窗口也可以说是关闭子窗口时自动刷新父窗口中的信息,即用户通过window对象的open()方法打开一个新窗口(子窗口),当用户在该子窗口中进行了数据库操作(如数据添加.修 ...
如何捕获window.print点击打印或取消_原来1:1的CAD图纸要这样打印！学了这么久才知道...
打印可以说是CAD出图的一个重要环节,很多小伙伴在打印的时候也遇到了各种各样的难题,那么今天小编就来跟大家分享一些关于CAD打印的小技巧,希望多大家有所帮助~ 一.打印1:1图纸 1.打印快捷键在工 ...

打印问题，需求是跳转到打印页面时直接弹出浏览器打印模式弹窗，当用户点击打印或取消打印时再关掉该打印页面并且返回到目标窗口源（父）页面并重载页面数据

打印问题，需求是跳转到打印页面时直接弹出浏览器打印模式弹窗，当用户点击打印或取消打印时再关掉该打印页面并且返回到目标窗口源（父）页面并重载页面数据相关推荐

最新文章

热门文章