vue 关于点击a标签跳转到本地页面而不是其它页面的解决方法

wyqvong

于 2019-10-10 15:05:27 发布

阅读量3.1k

点赞数

分类专栏： vue js html 文章标签： a标签 js vue 页面跳转 html

本文链接：https://blog.youkuaiyun.com/wyqvong/article/details/102482825

版权

8 篇文章

订阅专栏

7 篇文章

订阅专栏

3 篇文章

订阅专栏

本文介绍了一种在网页中正确跳转至外部网址的方法，避免了直接使用a标签导致的跳转错误。通过使用JavaScript来修改窗口位置，确保了链接能够准确地指向目标网站。

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

name = 'www.baidu.com/'
<a :href="name">//如果这样子写的话会跳转到 localhost:8080/www.baidu.com/

解决方法：

<span @click="openUrl" id="url">{{data.url}}</span>

openUrl(){
      window.location.href = 'https://'+this.data.url;
    }