美文网首页
关于火狐浏览器window.open在特定情况不生效的解决方案

关于火狐浏览器window.open在特定情况不生效的解决方案

作者: 邪七 | 来源:发表于2022-07-12 16:09 被阅读0次

理论三大框架失效逻辑一致,我这里以VUE为例。至于什么问题导致的,无非就是安全方面的问题,想了解的可以自行度娘我这里就不啰嗦,直接上干货。

// HTML
<!-- 兼容火狐新窗口跳转 -->
<a target="_blank" ref="openUrlA" :href="openUrl"></a>

JS
data(){
    return {
        // 兼容火狐新窗口跳转
        openUrl:null,
    }
}

methods: {
    toUrl(){
        this.openUrl = "www.baidu.com";
         if((/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent))){
              this.$ref.openUrlA.click();
         }else{
              window.open(this.openUrl);
         }
    }
}

有的朋友就要问了,如果是自带的VUE路由可以新开页面打开吗?
当然可以,这里就不写了,另外开贴写。关注我点我主页查看。后面更新。

相关文章

网友评论

      本文标题:关于火狐浏览器window.open在特定情况不生效的解决方案

      本文链接:https://www.haomeiwen.com/subject/wjktirtx.html