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

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

成都创新互联公司专业为企业提供富顺网站建设、富顺做网站、富顺网站设计、富顺网站制作等企业网站建设、网页设计与制作、富顺企业网站模板建站服务,10余年富顺做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

 360全景看房

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

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

ok,到此就结束啦!

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


当前名称:vue项目中跳转到外部链接的实例讲解
分享网址:http://bzwzjz.com/article/jhjhos.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制网站设计 成都网站制作 网站制作 成都网站设计 手机网站建设 成都网站建设 自适应网站设计 网站设计制作报价 成都网站建设 达州网站设计 成都网站建设 网站建设费用 重庆外贸网站建设 网站建设公司 手机网站制作设计 成都网站建设 网站制作 成都网站制作 重庆网站设计 成都网站建设 成都网站建设 成都定制网站建设