美文网首页
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超链接跳转外部链接

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

  • 侯海锋 从零开始微信公众号 图文编辑常见问题

    1、如何获得超链接功能,跳转到外部链接? 已开通微信支付的用户可以获得图文插入超链接的功能,支持跳转外部链接 登录...

  • vue 跳转外部链接

    360全景看房 See (e) { window.location.href = e } }

  • (vue)跳转外部链接

    window.location.href = 'https://www.jianshu.com/u/a0c3474...

  • html超链接

    超链接标签a 超链接使用: 超链接属性: href - - -指明要跳转到的地址 eg: \点击跳转到百度 ,...

  • vue 跳转到外部链接

    vue跳转外部链接使用 window.location.href = "url" 函数:(写在 methods 里...

  • HTML常用标签

    a 标签的用法 a标签定义超链接,指定页面间的跳转。链接可以指向外部链接或者页面内部id锚点,可以在当前页面打开,...

  • HTML——超链接、图片及其他常用元素

    超链接元素 超链接为Web页面提供了互相跳转的功能,用户在浏览一个网页的时候可以通过超链接跳转到另一个网页,以获取...

  • vue 跳转到外部链接

    疯狂百度后: vue跳转外部链接使用window.location.href = ‘url’ 标签:

  • 7、a标签

    一、超链接的作用 超链接是一个行内元素超链接可以从一个界面跳转到另一个界面,也可以跳转到本页面的其他位置使用a标签...

网友评论

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

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