当前位置: 首页 > news >正文

vue使用window.location.href 跳转失败

问题:

vue项目中直接使用window.lcocation.href跳转外链,但是跳转的链接会被拼接成这样

http://localhost:8080/#/www.baidu.com

原因:

我们打开的外部链接会自动拼接我们的源地址,导致网址链接不正确,无法正常访问

解决:

法一:

// 这里的地址前面就不用加协议了'http:// 或者 https://' 下面一句话就是处理这个的。
let url = 'www.baidu.com' let path = window.location.protocol +  "//" + urlwindow.location.href = path

 封装方法:

// 点击方法 url为传入的第三方链接或网址 如'www.baidu.com' url前面不要加协议哦!
jumpUrl(url){let path=window.location.protocol+'//'+urlwindow.location.href=path
},

法二:

window.open(url, target)

法三:

要跳转的url拼接完成,包括协议、域名。

参考:VUE跳转外部链接和网页的方法_vue跳转到外部链接,新开一个页面_过期の秋刀鱼的博客-CSDN博客

http://www.lryc.cn/news/166785.html

相关文章:

  • 【备忘】清理Office缓存
  • MacOS环境变量source生效但重启后又失效
  • Sql语句大全--插入
  • Unity 收取“运行费”引众怒,开源免费3D游戏引擎CGE(Castle Game Engine)吸引开发者关注
  • Apache DolphinScheduler - 快速扩展 TaskPlugin 从入门到放弃
  • 线性代数的本质(四)——行列式
  • 适合初学者快速入门的Numpy实战全集
  • rabbitmq 面试题
  • 比较Visual Studio Code中的文件
  • 誉天在线项目-UML状态图+泳道图
  • 【linux基础(六)】Linux中的开发工具(中)--gcc/g++
  • u盘上面 安装 ubuntu 系统
  • 【推荐】SpringMVC与JSON数据返回及异常处理机制的使用
  • SpringBoot新增拦截器详解
  • Golang开发--select
  • 贝塞尔曲线的一些资料收集
  • 计算机网络原理 运输层
  • 【JavaEE】多线程案例-阻塞队列
  • 【物联网】简要介绍最小二乘法—C语言实现
  • 慢查询SQL如何优化
  • UART 通信-使用VIO进行板级验证
  • linux 查看可支持的shell
  • 微服务简介
  • PHP自己的框架2.0设置常量并绑定容器(重构篇三)
  • 重建大师提交空三后引擎状态是等待,怎么开启?
  • 【数据结构】堆的向上调整和向下调整以及相关方法
  • 【蓝桥杯选拔赛真题60】Scratch旋转风车 少儿编程scratch图形化编程 蓝桥杯选拔赛真题解析
  • JavaSE、JavaEE与Spring的概念和异同点剖析以及规范13 个分析
  • 微信小程序的图书馆图书借阅 座位预约系统 读者端设计与实现
  • 在阿里云 linux 服务器上查看当前服务器的Nginx配置信息