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

2022-07-12  本文已影响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路由可以新开页面打开吗?
当然可以,这里就不写了,另外开贴写。关注我点我主页查看。后面更新。

上一篇 下一篇

猜你喜欢

热点阅读