关于window.open无法打开新窗口的解决方案

最新推荐文章于 2024-06-07 13:31:48 发布

Boale_H

最新推荐文章于 2024-06-07 13:31:48 发布

阅读量7.5k

点赞数 2

文章标签： javascript 前端

Edited by Boale_H （博哥的二进制世界）

本文链接：https://blog.csdn.net/Boale_H/article/details/116796912

版权

关于window.open无法打开新窗口的解决方案

- 问题描述
- 解决方案

问题描述

通常有时候我们会在函数判断中，在没有用户交互的情况下执行window.open打开新窗口，但是现在这样的执行方式会被浏览器拦截，因为没有用户交互，浏览器拦截用户无感知下的自动开启新窗口。

解决方案

如果想通过window.open打开新窗口，我们必须和用户进行交互，比如让用户点击按钮，在按钮的点击事件中再执行window.open，这样浏览器才不会拦截这一代码

this.$alert('是否弹屏显示客户列表', '弹屏提示', {
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  showCancelButton: true,
  callback: (action) => {
   if (action === 'confirm') {
     window.open(href, '_blank');
   }
  },
});