vue项目中跳转到外部链接的实例讲解

这篇文章主要为大家详细介绍了vue项目中跳转到外部链接的实例讲解，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

当我们在文件中，如果是vue页面中的内部跳转，可以用this.$router.push()实现，但是如果我们还用这种方法跳到外部链接，就会报错，我们一看链接的路径，原来是我们的外部链接前面加上了http://localhost:8080/#/这一串导致跳转出现问题，那么我们如何跳转到外部链接呢，我们只需用 window.location.href = ‘url'来实现，具体代码如下：

代码如下：

 <span @click="See(item.qj_url)">360全景看房</span>

上面是触发一个点击事件，其中item.qj_url是传给see的url链接，下面是事件执行的函数

代码如下：

 See (e) {
  window.location.href = e
  }
 }

ok，到此就结束啦！

以上这篇vue项目中跳转到外部链接的实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/6196-0.html

注：关于vue项目中跳转到外部链接的实例讲解的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js