window.open新打开页面被拦截

Question

    <a
        id="reservedsure"
        class="consultation"
        @click.prevent="reservedSubmit()"
      >确定<i/></a>
      >

使用window.open火狐被拦截，求解

Answer 1

浏览器安全机制会拦截非用户直接点击的新开页面
所以一般要请求后端后新开页面的地方都是 先开页面再赋值

cosnt win = window.open("")
// request...
http.then((url) => {
    win.location.href = url
})

Answer 2

// 部分浏览器在ajax中使用window.open会被拦截，导致无法打开新窗口
// 解决办法：提前打开空白窗口，在更改窗口地址。失败后关闭此窗口
// 封装：ns.openWindow(title, callback)
var newWindow = window.open() 
$.ajax({
  success: function () {
    newWindow.location = 'http://www.baidu.com'; // 改变窗口链接地址
  },
  error: function () {
    newWindow.close(); // 失败之后记得关闭
  }
})