美文网首页
vue超链接跳转外部链接

vue超链接跳转外部链接

作者: 剑圣_盖小聂 | 来源:发表于2021-01-29 16:02 被阅读0次

    vue单页应用项目直接使用a标签跳转到外部链接报错,原因是:a标记触发的跳转默认被router处理,加上了前缀。

    <a class="linka" target="_blank" href="wwww.baidu.com">LeanIX</a> 
    

    跳转结果:http://localhost:8081/wwww.baidu.com#/

    解决办法:

    <span class="link-url" @click="hrefClick">LeanIX</span>
    hrefClick(){
          window.location.href="https://www.baidu.com/";//当前标签页
          window.open("https://www.baidu.com/");//打开一个新的标签页
        }
    

    跳转结果:https://www.baidu.com/

    相关文章

      网友评论

          本文标题:vue超链接跳转外部链接

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