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://www.hxwzsj.com/article/jhjhos.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都定制网站建设 企业网站设计 成都响应式网站建设 成都网站建设 温江网站设计 手机网站建设 成都网站制作 成都网站建设 网站建设 成都网站建设公司 手机网站制作 专业网站设计 H5网站制作 品牌网站建设 阿坝网站设计 企业网站建设 网站制作 重庆网站建设 成都品牌网站建设 成都网站设计公司 网站设计制作 成都响应式网站建设公司