vue超链接跳转外部链接

2021-01-29  本文已影响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/

上一篇 下一篇

猜你喜欢

热点阅读