window.open链接跳转新窗口，谷歌不生效

最新推荐文章于 2025-01-20 11:34:30 发布

暴富的im

最新推荐文章于 2025-01-20 11:34:30 发布

阅读量1k

点赞数 1

分类专栏：前端文章标签：开发语言 vue.js 前端 javascript elementui

本文链接：https://blog.csdn.net/qq_59626859/article/details/132108810

版权

前端专栏收录该内容

72 篇文章

订阅专栏

文章描述了如何在ElementUI的头部下拉框点击事件中，避免浏览器限制，通过创建新的`<a>`元素并设置`target=_blank`属性来实现点击后跳转到后端返回的非本系统的网络链接并在新标签页打开。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景：

点击后端返回的非本系统的网络链接并跳转，要求在新页面打开。如果是本标签打开直接window.location.href ="/url"。但是现在要求新标签页，window.open有浏览器限制。

解决方法：

  element ui 的头部下拉框的点击事件
        handleCommand(command) {
            if (command == '商户中心') {
                merchantCenter().then((res) => {
                    let urlHref = res.data;
                    // window.location.href = urlHref;
                    this.createSuperLabel(urlHref,'shop');
                });
            }
        },
创建元素跳转
        createSuperLabel(url, id) {
            let a = document.createElement('a');
            a.setAttribute('href', url);
            a.setAttribute('target', '_blank');
            a.setAttribute('id', id);
            // 防止反复添加
            if (!document.getElementById(id)) {
                document.body.appendChild(a);
            }
            a.click();
        }